echarts vue图表加载动态数据 vue 数据加载完了,数据没有显示问题

记录一下遇到的问题：

使用echarts +vue 的时候。遇到后台请求的数据 没有别获取拿到。
原因是图表先已经被加载了，vue里 data 默认初始化的数据是[]的，这个时候，后台请求方法还没有将值初始化给data列表里。
第一次加载肯定是拿到空的内容。

比较粗暴的方法。
在生命周期里，使用setTimeout() 等待500毫秒，让然后就可以获取后台数据。图表就能正常加载。

mounted () {
        //  this.drawLine();
        // this.getListtest();
        //  this.drawLine();

  // 缓存执行
  setTimeout(() => {
  this.drawLine();
  }, 500);

监控加载 ，监控data数据变化，就再次加载图表

mounted () {

         this.drawLine();
         },
watch: {
  nolistListtest(val,oldVal){
    console.log("有变化",val,oldVal)
    this.drawLine()
  }
},