echarts 总结:

options配置项:

title: 图表标题的配置
tooltip: 鼠标悬浮的提示
toolbox: 工具栏
series: 数据项,是每一个个的数据对象,可以根据type配置每一项数据的图例。

markPoint: 添加mark点(最大,最小)
markLine: 添加线(平均线),在data中可配置相关属性。

饼图

特点:展示百分比,type="pie"
Center: 圆心坐标,Radius: 半径
Name: 图例名字
SelectMode: 是否支持多选

仪表图

特点:Tyep="gauge"

map

geoCoorMap:经纬度的所有数据
每个城市的数据。
geo:map的类型与配置。
还需要专门的国家的js文件

散点图scatter

K线图

雷达图radar

多个坐标轴的配合

设置两个轴线,在一个周中配置两个对象对应在哪一个轴配置轴线的index

dataZoom组件

数据较多时控制显示区域,缩放。拖动底部滚动条

值域漫游

出现选择条进行筛选。dataRange:值域选择器

模块化

安装之后可逐步引入使用。
主题的使用,下载主题js,在初始化传入主题。

异步获取数据绘图

在数据请求成功后修改options设置,之后设置实例的setOptions

https://github.com/Wunworld/imooc-echarts

原文地址:https://www.cnblogs.com/intelwisd/p/9108415.html