在vue中如何使用echart

1.在前面基礎上搭建好vue環境，初始化webpack后，在終端使用npm i echarts -s 下載echart 

2.下載完成后全局使用echart 在main.js文件中導入

import echarts from 'echarts'

Vue.prototype.$echarts = echarts

3.現在就可以全局使用echart了，在methods里寫一個drawchart（）{}方法，里面寫

let myChart = this.$echarts.init(document.getElementById("myChart"));
var option ={
寫echart的表格內容
}
myChart.setOption(option)

4.在mounted鈎子函數里調用一個方法 this.drawchart（），圖表就會顯示在頁面id為mychart的地方

5.echar最后的自適應

 this.$nextTick(function() {

        window.onresize = function() {

          laChart.resize();//各個圖表都寫在一個onresize里，因為這個方法只能被調用一次

          qualitychart.resize();

          safetychart.resize();

          machart.resize();

        };

      });