step1：打开echarts官网：https://echarts.apache.org/zh/index.html

step2：首先确认你要做的图属于什么类型？折线图？柱状图？还是饼图？找一个最贴近你要做的图的示例，点击这个示例，进行一系列的改造，往你需要的样式上改造

step3：注重你要做的图的细节，比如你要画平均线，那你就在示例上找含有平均线类似的示例，进去看看是哪个配置项决定了平均线

step4：找到平均线的配置项，打开配置项手册，一个个比对配置项，进行一系列的配置

step5：当你做的这个图表需要点击事件时，打开API文档，找到对应的事件，模仿配置

end：最后，实在搞不明白的配置项，建议度娘搜起来，网友千奇百怪的问题都有人问，相信网友！ 以下每一步都有对应的食用策略

一、打开官网：

echarts.apache.org/zh/index.ht…

二、示例

1、确定你要做的图表类型，是属于折线图？柱状图？饼图？还是散点图？以下，以散点图为例：

2、以散点图为例，打开散点图示例，找到我需要的配置项，然后打开配置项手册。以series配置项为例：

三、配置项

3、写在配置项options第一级的配置，就在echarts配置项手册的第一级

4、同理，xAxis、yAxis配置项是{}对象格式，那么写在option里面的xAxis、yAxis也是对象格式{}；series为[]数组类型，则写在option里面也是[]数组格式

5、自己写在option里面的所有属性层级类型应与echarts官网配置项手册的层级类型相同

6、当然有时候可以看见series: {}，这表示这个数轴中，只有一种类型的数据：只有折线图数据，或者只有柱状图数据

7、当series: []为数组类型时，表示这个数轴中可以有两种数据，比如柱状图和折线图可以同时存在

四、API

8、当图表有点击事件时，查询API手册，可以查到对应的鼠标事件、图例点击事件等