Echarts快速入門---------v客學院技術分享
阿新 • • 發佈:2018-12-24
ECharts,一個使用 JavaScript 實現的開源視覺化庫,可以流暢的執行在 PC 和移動裝置上,相容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的向量圖形庫 ZRender,提供直觀,互動豐富,可高度個性化定製的資料視覺化圖表。
它具有以下4個優點:
- 開源,為我們提供了漂亮的圖形介面;
- 使用簡單,封裝了重要的js,只要引用就可以使用;
- 圖表型別多,其中就具代表性的就是地圖;
- 相容性好,具有很棒的html5動畫渲染效果;
下面就教大家如何快速的入門echarts:
第一步:
在html頁面中引入js檔案
第二步:
為圖形準備容器,定義一個div,用來存放圖表
第三步:
通過 echarts.init 方法初始化一個 echarts 例項並通過setOption 方法生成一個簡單的柱狀圖
這樣一個柱形統計表就OK啦,下圖是效果。
更多效果實現請參照https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-mec528xa.html
(php開發,web前端,ui設計,vr開發專業培訓機構,v客學院版權所有,轉載請註明出路,謝謝!!!)