工具:如何快乐食用echarts官网

step1:打开echarts官网:https://echarts.apache.org/zh/index.html
step2:首先确认你要做的图属于什么类型?折线图?柱状图?还是饼图?找一个最贴近你要做的图的示例,点击这个示例,进行一系列的改造,往你需要的样式上改造
step3:注重你要做的图的细节,比如你要画平均线,那你就在示例上找含有平均线类似的示例,进去看看是哪个配置项决定了平均线
step4:找到平均线的配置项,打开配置项手册,一个个比对配置项,进行一系列的配置
step5:当你做的这个图表需要点击事件时,打开API文档,找到对应的事件,模仿配置
end:最后,实在搞不明白的配置项,建议度娘搜起来,网友千奇百怪的问题都有人问,相信网友!
以下每一步都有对应的食用策略

一、打开官网:

https://echarts.apache.org/zh/index.html

echarts官网

二、示例

1、确定你要做的图表类型,是属于折线图?柱状图?饼图?还是散点图?以下,以散点图为例:
echarts散点图
2、以散点图为例,打开散点图示例,找到我需要的配置项,然后打开配置项手册。以series配置项为例:
series

三、配置项

3、写在配置项options第一级的配置,就在echarts配置项手册的第一级
4、同理,xAxis、yAxis配置项是{}对象格式,那么写在option里面的xAxis、yAxis也是对象格式{};series为[]数组类型,则写在option里面也是[]数组格式
5、自己写在option里面的所有属性层级类型应与echarts官网配置项手册的层级类型相同
6、当然有时候可以看见series: {},这表示这个数轴中,只有一种类型的数据:只有折线图数据,或者只有柱状图数据
7、当series: []为数组类型时,表示这个数轴中可以有两种数据,比如柱状图和折线图可以同时存在
在这里插入图片描述
scatter

四、API

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值