Echarts
关于Echarts
ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。
ECharts 遵循 Apache-2.0 开源协议,免费商用。
ECharts 兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等)及兼容多种设备,可随时随地任性展示。
开始使用
下载echarts
从官网下载
npm 安装
npm install echarts
引用
1 |
|
使用技巧
1 | //封装函数 |
1 | drawChartClsyl(chartData = []){ |
vue 版
1 | <template> |
遇见的问题
鼠标移入饼图时饼图出现闪动,移入部分看不见
1 | 原因:新版本修改默认颜色的配置不一样了 |
echarts-gl
ECharts-GL 是Apache ECharts的扩展包,提供 3D 绘图、地球可视化和 WebGL 加速。
引入方式1
1 | <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> |
引入方式2
全部导入
1 | import * as echarts from 'echarts'; |
最小进口
1 | import * as echarts from 'echarts/core'; |
- 本文作者: 王不留行
- 本文链接: https://wyf195075595.github.io/2022/06/17/programming/echarts/实用文档/
- 版权声明: 本博客所有文章除特别声明外,均采用 MIT 许可协议。转载请注明出处!