Vue+Echarts

1.控制台下载 npm install echarts --save

2.vue项目src下main.js引入echarts

import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts

3.创建一个具备大小的dom

<div id="main" style="400px;height:350px;backgroundColor:'pink'"></div>

4.钩子函数mounted()中初始化等操作，如果需要实时数据进行判断并销毁，销毁后再进行初始化操作

  mounted() {
      const chartDom = document.getElementById('main');
      let myChart = this.$echarts.init(chartDom);
      myChart.setOption(this.option);
  },

    if (rateChart != null && rateChart != "" && rateChart != undefined) {
        rateChart.dispose();//销毁
    }

5.将图标代码复制到data()中，将=号改为: