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 方法生成一個圖表(以柱狀圖為例)

聲明：本站稿件版權均屬千鋒教育所有，未經許可不得擅自轉載。