千鋒教育-做有情懷、有良心、有品質的職業教育機構
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 方法生成一個圖表(以柱狀圖為例)
相關推薦