echarts是一個(gè)基于JavaScript的開源可視化圖表庫，可以流暢的運(yùn)行在PC和移動(dòng)設(shè)備上，兼容絕大部分的瀏覽器(IE9/10/11，Chrome，F(xiàn)irefox，Safari等)，底層依賴矢量圖形庫ZRender，提供20 多種圖表和十幾種組件，支持Canvas、SVG雙引擎并能一鍵切換，讓移動(dòng)端渲染更加流暢echarts源自百度，現(xiàn)由Apache 開源社區(qū)維護(hù)，官方提供了完善的文檔( 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. 添加一個(gè)div容器并設(shè)置寬高

　　注意：不設(shè)置寬高無法顯示效果

　　4. 初始化一個(gè) echarts 實(shí)例并通過 setOption 方法生成一個(gè)圖表(以柱狀圖為例)

聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。