中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

ECharts 安裝

1、獨(dú)立版本

我們可以在直接下載 echarts.min.js 并用 <script> 標(biāo)簽引入。

echarts.min.js(4.7.0)

另外,開發(fā)環(huán)境下可以使用源代碼版本 echarts.js 并用 <script> 標(biāo)簽引入,源碼版本包含了常見的錯(cuò)誤提示和警告。

echarts.js(4.7.0)

我們也可以在 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。
  • 精簡(jiǎn)版:echarts/dist/echarts.simple.js,體積較小,僅包含最常用的圖表和組件,所包含內(nèi)容參見:echarts/echarts.simple.js。

2、使用 CDN 方法

以下推薦國(guó)外比較穩(wěn)定的兩個(gè) CDN,國(guó)內(nèi)還沒發(fā)現(xiàn)哪一家比較好,目前還是建議下載到本地。

Staticfile CDN(國(guó)內(nèi))

<!-- 為ECharts準(zhǔn)備一個(gè)具備大?。▽捀撸┑腄om --> <div id="main" style="width: 600px;height:400px;"></div>

運(yùn)行代碼 ?

百度

<!-- 為ECharts準(zhǔn)備一個(gè)具備大小(寬高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div>

運(yùn)行代碼 ?

cdnjs

<!-- 為ECharts準(zhǔn)備一個(gè)具備大?。▽捀撸┑腄om --> <div id="main" style="width: 600px;height:400px;"></div>

運(yùn)行代碼 ?


3、NPM 方法

由于 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') 來使用。

實(shí)例

var echarts = require('echarts'); // 基于準(zhǔn)備好的dom,初始化echarts實(shí)例 var myChart = echarts.init(document.getElementById('main')); // 繪制圖表 myChart.setOption({ title: { text: 'ECharts 入門示例' }, tooltip: {}, xAxis: { data: ['襯衫', '羊毛衫', '雪紡衫', '褲子', '高跟鞋', '襪子'] }, yAxis: {}, series: [{ name: '銷量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] });