step1:打开echarts官网:https://echarts.apache.org/zh/index.html
step2:首先确认你要做的图属于什么类型?折线图?柱状图?还是饼图?找一个最贴近你要做的图的示例,点击这个示例,进行一系列的改造,往你需要的样式上改造
step3:注重你要做的图的细节,比如你要画平均线,那你就在示例上找含有平均线类似的示例,进去看看是哪个配置项决定了平均线
step4:找到平均线的配置项,打开配置项手册,一个个比对配置项,进行一系列的配置
step5:当你做的这个图表需要点击事件时,打开API文档,找到对应的事件,模仿配置
end:最后,实在搞不明白的配置项,建议度娘搜起来,网友千奇百怪的问题都有人问,相信网友!
以下每一步都有对应的食用策略
一、打开官网:
https://echarts.apache.org/zh/index.html
二、示例
1、确定你要做的图表类型,是属于折线图?柱状图?饼图?还是散点图?以下,以散点图
为例:
2、以散点图为例,打开散点图示例,找到我需要的配置项,然后打开配置项手册。以series
配置项为例:
三、配置项
3、写在配置项options第一级的配置,就在echarts配置项手册的第一级
4、同理,xAxis、yAxis配置项是{}对象格式,那么写在option里面的xAxis、yAxis也是对象格式{};series为[]数组类型,则写在option里面也是[]数组格式
5、自己写在option里面的所有属性层级类型应与echarts官网配置项手册的层级类型相同
6、当然有时候可以看见series: {},这表示这个数轴中,只有一种类型的数据:只有折线图数据,或者只有柱状图数据
7、当series: []为数组类型时,表示这个数轴中可以有两种数据,比如柱状图和折线图可以同时存在
四、API
8、当图表有点击事件时,查询API手册,可以查到对应的鼠标事件、图例点击事件等