不多說,直接上干貨!
官網
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
腳本自定義構建:比在線構建更靈活一點,並且支持多語言。 - 直接使用構建工具(如 rollup、webpack、browserify)自己構建:也是一種選擇。
下面我們舉些小例子,介紹后兩種方式。