用echarts时，多次加载就会报存在警告，意思是DOM上已经初始化了一个图表实例。处理方法删除DOM：

    1. echarts.dispose(document.getElementById(id))

    用echarts时，如果不存在DOM，就会报错，处理方法先检查是否DOM存在：

    1. if (document.getElementById(id) == null) {
    2.   return
    3. }

    最终代码

    1. //1，下载echarts
    2. npm i echarts -S
    3. //2,在main.js中引入echarts
    4. import * as echarts from "echarts";
    6. //3,html
    7. <div v-for="(item, index) in list" :key="index">
    8.   <div class="myChart"></div>
    9. </div>
    11. //4,css
    12. .myChart {
    13.   width: 100%;
    14.   height: 550px;
    15. }
    17. //5,js
    18. mounted() {
    19.   //调用接口函数
    20.   this.getData();
    21. }
    23. methods:{
    24.   getData: function () {
    25.     this.$http.get('xxx').then(res => {
    26.       //处理数据
    27.       this.data = res.data
    28.       //再调用图表函数
    29.       this.$nextTick(() => {
    30.         this.drawChart();
    31.       });
    32.     }).catch(err => {
    33.       console.log(err)
    34.     })
    35.   },
    37.   drawChart:function(){
    38.       let item = document.getElementsByClassName("myChart")
    39.       for (let i = 0; i < item.length; i++) {
    40.         if (item[i] == null) {
    41.           return
    42.         }
    43.         echarts.dispose(item[i])
    44.         let myChart = echarts.init(item[i]);
    45.         myChart.setOption({})
    46.         window.addEventListener("resize", () => {  //根据屏幕进行实时绘制
    47.           myChart.resize();
    48.         });
    49.       }
    50.   }
    51. }