1. 程式人生 > >Echarts快速入門---------v客學院技術分享

Echarts快速入門---------v客學院技術分享

ECharts,一個使用 JavaScript 實現的開源視覺化庫,可以流暢的執行在 PC 和移動裝置上,相容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的向量圖形庫 ZRender,提供直觀,互動豐富,可高度個性化定製的資料視覺化圖表。

它具有以下4個優點:

  1. 開源,為我們提供了漂亮的圖形介面;
  2. 使用簡單,封裝了重要的js,只要引用就可以使用;
  3. 圖表型別多,其中就具代表性的就是地圖;
  4. 相容性好,具有很棒的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客學院版權所有,轉載請註明出路,謝謝!!!)