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

ECharts,一個使用 JavaScript 實現的開源可視化庫,能夠流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定製的數據可視化圖表。php

它具備如下4個優勢:html

  1. 開源,爲咱們提供了漂亮的圖形界面;
  2. 使用簡單,封裝了重要的js,只要引用就能夠使用;
  3. 圖表類型多,其中就具表明性的就是地圖;
  4. 兼容性好,具備很棒的html5動畫渲染效果;

下面就教你們如何快速的入門echarts:前端

第一步:html5

在html頁面中引入js文件web

 

第二步:瀏覽器

爲圖形準備容器,定義一個div,用來存放圖表echarts

 

第三步:動畫

經過 echarts.init 方法初始化一個 echarts 實例並經過setOption 方法生成一個簡單的柱狀圖ui

 

這樣一個柱形統計表就OK啦,下圖是效果。設計

更多效果實現請參照https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-mec528xa.html

(php開發,web前端,ui設計,vr開發專業培訓機構,v客學院版權全部,轉載請註明出路,謝謝!!!)

相關文章
相關標籤/搜索