Echarts初步及注意点

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的筛选出来，成为一个数组字符串，进行遍历，将属性值取出
  •