Echarts学习宝典

1,可以使用百度图说中的图表代码复制到option中,还可在百度图说中以可视化的方式编辑数据,调整参数和编辑样式。(也可借助百度图说更改部分样式)

2,借助网站 https://echarts.baidu.com/echarts2/doc/example/themeDesigner.html# 快速查看需要的属性和配置

3,数据格式化定制:formatter:"{a}
{b}:{c}({d}%)"
---需要什么写什么
a(系列名称),b(数据项名称),c(数值),d(饼图:百分比 | 雷达图:指数名称)

4,辅助线只有3.x的版本支持;拖拽重新计算功能只有2.x的版本支持。

5,avoidLabelOverlap:防止标签重叠

6,使用地图图表时,需要先下载并引入该地图,如:显示中国地图,则先下载中国地图,并引入China.js的script,Echarts中有地图下载

7,展示多个表,并表和表之间有联动时: 分别配置多个表,并通过connect关联起来,进行联动。如:echarts.connect([myChart1,myChart2]);

8,自定义主题:(1)下载主题;(2)引用主题JS文件;(3)初始化主题
官网还可自定义

9,异步加载数据或更新时:可借助loading,使交互性更好。

posted @ 2019-08-19 14:43  小蜗蜗蜗牛^o^  阅读(190)  评论(0编辑  收藏  举报