echarts有数据却渲染出错

问题:从后端获取的实时数据在前端显示总是慢一步

将触发获取后端数据的方法改成异步的,然后使用await 调用获取函数,等数据获取完再调用myechart()进行渲染

async siteChange() {
  for (let i = 0; i < this.allSiteList.length; i++) {
    if (this.allSiteList[i].id == this.site) {
      this.siteCNname = this.allSiteList[i].fullname;
      this.areaId = this.allSiteList[i].area_id;
      break;
    }
  }
  this.factor = "all";

  await this.getEChartData();
  this.myEcharts();
},

获取的数据使用return返回