Echarts初步及注意点
-
官网https://echarts.apache.org/zh/index.html
-
首先 Npm i echarts 下载echarts
-
在HTML页面引入echarts.js文件
-
创建div,设置div的大小
-
再将div放入echarts.init进行初始化
- 方法为myChart=echarts.init(div);
-
然后开始导入数据,方法为
- var option={};
-
最后使用
- myChart.setOption(option)
-
xAxis和yAxis分别控制x和y轴,y轴可加上max,和min
-
series设置内部的数据,加数据可以直接写于这里面,但需要加name,名称必须放在legend的data中
-
type:“pie/饼状图”、“line/折线图”,“bar/柱状图”
-
legend为图标分类, 分类上面也要加上类目名称
-
主要难点在于数据不同时候的导入数据问题
-
除了name以外的所有属性
-
设置数据
- 获取所有keys,把不是name的筛选出来,成为一个数组字符串,进行遍历,将属性值取出