ECharts使用五部曲
- 步骤1:下载并引入echarts.js文件
- 步骤2:准备一个具备大小得DOM容器
- 步骤3:初始化echarts实例对象
- 步骤4:指定配置项和数据(option)
- 步骤5:将配置项设置给echarts实例对象
Echarts option属性
- titie:图表标题
- tooltip:图表鼠标放上去得提示信息
- trigger:触发方式 axis与item等
- legend:图例组件
- toolbox:工具箱组件,把表格另存为图片
- grid:控制图表大小 containLabel:true显示刻度
- xAxis:设置x轴的相关配置。type:categories(类目)/value(数值)boundaryGap:线条是否与坐标轴有缝隙。
- series:决定显示哪种类型的图表。stack:数据堆叠,同个类目轴上系列配置相同的stack值会在前一个系列值上叠加。
- color:线条颜色,后面是数组。
series里有了name值得话,legend的data值就可以删除。