vue中e-charts的基本使用

1.安裝e-charts項目依賴

npm install echarts --save

或者

npm install echarts -S

2.引入項目中

全局引入（main.js）

import echarts from 'echarts'

Vue.prototype.$echarts = echarts

這種方法是直接綁定在vue實例上，所以在項目中任何頁面，直接 this.$echarts 即可

局部引入（需要的頁面進行引入）

import echarts from 'echarts'

 

3.初始化echarts

首先在你需要echarts的頁面中得創建一個dom元素

<div id="myCharts" ref="myCharts"></div>

其次，在mounted中初始化echarts( 不能寫在created中)

1.const myCharts = this.$echarts.init(this.$refs.myCharts);

2.let options = {
xxx
}
3.myCharts.setOption(options);