ECharts常用配置

1.使用：

（1）.下载引入

npm install echarts@(版本号) --save
import * as echarts from "echarts";

（2）.准备一个DOM容器

（3）.初始化echarts实例对象

echarts.init(document.getElementById("mychart"));

（4）.指定配置项和数据（option）

（5）.将配置项设置给echarts实例对象

chart.setOption(option);

2.配置基本参数

2.1title标题常用参数

2.2tooltip工具提示

2.3xAxis/yAxis/y轴

2.4series图表系列信息

【{}，{}，{}，{}】可以写多个对象，代表多个图像

具体内容参考官网：Documentation - Apache ECharts

2.5toolbox 工具箱按钮：feature：{}中的参数

2.6 legend图例组件

2.7 grid是否显示绘图网格

3.常用图形的参数

3.1柱状图

官方文档：基础柱状图 - 柱状图 - 常用图表类型 - 应用篇 - Handbook - Apache ECharts

3.2折线图

官方文档：基础折线图 - 折线图 - 常用图表类型 - 应用篇 - Handbook - Apache ECharts

3.3 散点图

官方文档：基础散点图 - 散点图 - 常用图表类型 - 应用篇 - Handbook - Apache ECharts

3.4 饼图

官方地址：基础饼图 - 饼图 - 常用图表类型 - 应用篇 - Handbook - Apache ECharts