Vue+Echarts

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

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

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

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

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

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

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

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

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

这篇好文章是转载于：学新通技术网