vue里获取数据echart不显示的问题

Question

echarts的数据是通过后台接口获取的 我是在created里调的接口 然后在mounted里初始化的图表 结果扇形图出来了 但是右边的legend图例没有出来 我在mounted里打印获取的数据 是有数据的
不知道是不是因为数据还没请求成功 图表已经初始化完了 所以图表渲染不了获取到的数据

Answer 1

把ajax和初始化图标都放在mounted里

mounted(){
      this.$axios.get(url).then(res => {
        this.initEcharts();
      });
    }

Answer 2

等数据回来了再渲染

Answer 3

理论上应该是等数据回来了之后再渲染图表。但是看你的截图，既然环形图已经出来了，也就表示渲染的时候数据已经回来了，不知道你的legend是怎么配置的，要想legend显示出来，你需要设置data属性，这个属性的值需要你自己从返回的数据里面获取。

legend: {
    data: ["图例1", "图例2", ...] // 必须明确设置设个属性
}