ECharts概念學習系列之ECharts官網教程之自定義構建 ECharts(圖文詳解)


 

 

    不多說,直接上干貨!

 

  官網

http://echarts.baidu.com/tutorial.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%9E%84%E5%BB%BA%20ECharts

 

 

 

 

 

 

 

自定義構建 ECharts

  一般來說,可以直接從 echarts 下載頁 中獲取構建好的 echarts,也可以從 GitHub 中的 echarts/dist 文件夾中獲取構建好的 echarts,這都可以直接在瀏覽器端項目中使用。這些構建好的 echarts 提供了下面這幾種定制:

  • 完全版:echarts/dist/echarts.js,體積最大,包含所有的圖表和組件,所包含內容參見:echarts/echarts.all.js
  • 常用版:echarts/dist/echarts.common.js,體積適中,包含常見的圖表和組件,所包含內容參見:echarts/echarts.common.js
  • 精簡版:echarts/dist/echarts.simple.js,體積較小,僅包含最常用的圖表和組件,所包含內容參見:echarts/echarts.simple.js

  如果對文件體積有更嚴苛的要求,可以自己構建 echarts,能夠僅僅包括自己所需要的圖表和組件。自定義構建有幾種方式:

  • 在線自定義構建:比較方便。
  • 使用 echarts/build/build.js 腳本自定義構建:比在線構建更靈活一點,並且支持多語言。
  • 直接使用構建工具(如 rollupwebpackbrowserify)自己構建:也是一種選擇。

 

 

 

  下面我們舉些小例子,介紹后兩種方式。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM