千锋教育-做有情怀、有良心、有品质的职业教育机构
echarts是一个基于JavaScript的开源可视化图表库,可以流畅的运行在PC和移动设备上,兼容绝大部分的浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库ZRender,提供20 多种图表和十几种组件,支持Canvas、SVG双引擎并能一键切换,让移动端渲染更加流畅echarts源自百度,现由Apache 开源社区维护,官方提供了完善的文档( https://echarts.apache.org ),使用也非常简单,步骤如下:
1. 下载echarts
- 从 GitHub 获取 https://github.com/apache/echarts
- 从 npm 获取 npm install echarts --save
- 从 CDN 获取 https://www.jsdelivr.com/package/npm/echarts
- 在线定制 https://echarts.apache.org//builder.html
2. 引入echarts
3. 添加一个div容器并设置宽高
注意:不设置宽高无法显示效果
4. 初始化一个 echarts 实例并通过 setOption 方法生成一个图表(以柱状图为例)
相关推荐