鍍金池/ 問(wèn)答/HTML/ vue里獲取數(shù)據(jù)echart不顯示的問(wèn)題

vue里獲取數(shù)據(jù)echart不顯示的問(wèn)題

echarts的數(shù)據(jù)是通過(guò)后臺(tái)接口獲取的 我是在created里調(diào)的接口 然后在mounted里初始化的圖表 結(jié)果扇形圖出來(lái)了 但是右邊的legend圖例沒(méi)有出來(lái) 我在mounted里打印獲取的數(shù)據(jù) 是有數(shù)據(jù)的
不知道是不是因?yàn)閿?shù)據(jù)還沒(méi)請(qǐng)求成功 圖表已經(jīng)初始化完了 所以圖表渲染不了獲取到的數(shù)據(jù)
圖片描述

圖片描述

圖片描述

回答
編輯回答
帥到炸

把a(bǔ)jax和初始化圖標(biāo)都放在mounted里

mounted(){
      this.$axios.get(url).then(res => {
        this.initEcharts();
      });
    }
2017年7月18日 02:29
編輯回答
挽歌

理論上應(yīng)該是等數(shù)據(jù)回來(lái)了之后再渲染圖表。但是看你的截圖，既然環(huán)形圖已經(jīng)出來(lái)了，也就表示渲染的時(shí)候數(shù)據(jù)已經(jīng)回來(lái)了，不知道你的legend是怎么配置的，要想legend顯示出來(lái)，你需要設(shè)置data屬性，這個(gè)屬性的值需要你自己從返回的數(shù)據(jù)里面獲取。

legend: {
    data: ["圖例1", "圖例2", ...] // 必須明確設(shè)置設(shè)個(gè)屬性
}
2018年4月6日 22:52
編輯回答
久不遇

等數(shù)據(jù)回來(lái)了再渲染

2018年4月26日 09:42