ECharts 教程
我們可以在直接下載 echarts.min.js 并用 <script> 標(biāo)簽引入。
另外,開發(fā)環(huán)境下可以使用源代碼版本 echarts.js 并用 <script> 標(biāo)簽引入,源碼版本包含了常見的錯(cuò)誤提示和警告。
我們也可以在 ECharts 的官網(wǎng)上直接下載更多豐富的版本,包含了不同主題跟語(yǔ)言,下載地址:https://www.echartsjs.com/zh/download.html。
這些構(gòu)建好的 echarts 提供了下面這幾種定制:
echarts/dist/echarts.js
,體積最大,包含所有的圖表和組件,所包含內(nèi)容參見:echarts/echarts.all.js
。echarts/dist/echarts.common.js
,體積適中,包含常見的圖表和組件,所包含內(nèi)容參見:echarts/echarts.common.js
。echarts/dist/echarts.simple.js
,體積較小,僅包含最常用的圖表和組件,所包含內(nèi)容參見:echarts/echarts.simple.js
。以下推薦國(guó)外比較穩(wěn)定的兩個(gè) CDN,國(guó)內(nèi)還沒發(fā)現(xiàn)哪一家比較好,目前還是建議下載到本地。
Staticfile CDN(國(guó)內(nèi)) : https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js
百度:https://echarts.baidu.com/dist/echarts.min.js, 保持了最新版本。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js
由于 npm 安裝速度慢,本教程使用了淘寶的鏡像及其命令 cnpm,安裝使用介紹參照:使用淘寶 NPM 鏡像。
npm 版本需要大于 3.0,如果低于此版本需要升級(jí)它:
# 查看版本 $ npm -v 2.3.0 #升級(jí) npm cnpm install npm -g # 升級(jí)或安裝 cnpm npm install cnpm -g
通過 cnpm 獲取 echarts:
# 最新穩(wěn)定版 $ cnpm install echarts --save
安裝完成后 ECharts 和 zrender 會(huì)放在 node_modules 目錄下,我們可以直接在項(xiàng)目代碼中使用 require('echarts') 來使用。