定义:
- 一个使用 JavaScript 实现的开源可视化库,
- 它可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等)
- 其底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
使用
- npm 下载
命令: npm install echats --save - instance 实例
- series系列
- tooltip提示
- legend图例
- xAxis x轴
- yAxis y轴
- toolbox 工具箱
- dataZoom 缩放
10.vitualMap 虚拟映射
图标常用类型
- bar柱形
- pei饼型 radius:[“60%”,“40%”]
- line线性 areaStyle 面 smooth:true 平滑
颜色修改
- 主题:自定义主题 linght,dark浅色与深色
- 自定义主题
- color: 调色盘
- color系列调色盘
- itemStyle normal 默认 emphasis 强调状态
特别样式
- 渐变
- 线的样式
- 面的样式