echarts是一(yi)個(ge)基于(yu)JavaScript的開源可視化(hua)圖表庫，可以(yi)流暢的運行在PC和(he)移動(dong)設備上，兼容絕(jue)大部分的瀏覽器(IE9/10/11，Chrome，Firefox，Safari等)，底層(ceng)依賴矢量圖形庫ZRender，提供(gong)20 多種(zhong)圖表和(he)十幾種(zhong)組件，支(zhi)持(chi)Canvas、SVG雙引擎并能一(yi)鍵切(qie)換，讓移動(dong)端渲染更加(jia)流暢echarts源自百(bai)度(du)，現(xian)由Apache 開源社(she)區(qu)維(wei)護，官(guan)方提供(gong)了完善的文(wen)檔( //echarts.apache.org )，使用也非常簡單，步驟如下：

　　1. 下(xia)載echarts

　　- 從 GitHub 獲取 //github.com/apache/echarts

　　- 從 npm 獲取 npm install echarts --save

　　- 從 CDN 獲取 //www.jsdelivr.com/package/npm/echarts

　　- 在線(xian)定制 //echarts.apache.org//builder.html

　　2. 引入echarts

　　3. 添(tian)加一個div容器(qi)并設置寬高(gao)

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

　　4. 初始化(hua)一個 echarts 實例(li)并(bing)通過 setOption 方法生成一個圖(tu)表(以柱狀圖(tu)為例(li))

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