vue项目中使用echarts:
1.安装依赖
yarn add echarts -S
2.文件中 引入echarts (所有图表)

import * as echarts from 'echarts'

3.hello.vue组件

<div id="myChart" :style="{width: '100%', height: '380px'}"></div>

export default { 
     data() {    
     return {
         //这个option就是在echarts官网demo中的option，这个对象中存放图标的各参数配置
         option:{
         .................
         }
     }
 }

mounted(){    
    this.test();
},

methods:{
    test(){        
        // 基于准备好的dom，初始化echarts实例        
        let myChart = this.$echarts.init(document.getElementById('myChart'));        
        myChart.setOption(this.option);   
     },
     loadData(){
         //请求接口，假设接口返回的数据我们用tableData接收了
         ........
     }
}

最后如何将tableData的数据渲染呢？this.option就是一个对象,那个值需要塞数据，我们就直接塞就好了，例如：

我需要给箭头指向的data插入数据，我可以这么做：