關于vue中 渲染echarts圖表問題: 我想請求獲取資料之后再從data()中拿資料進行渲染 但是圖表為空
請問：渲染圖表函式 drowEchart() 因該放在哪 或者請求資料初始化函式 getData() 因該放在哪？
我渲染的echart圖表資料為空
uj5u.com熱心網友回復：
獲取資料的函式是有延遲的把，你把渲染echat的函式放進去獲取資料函式的回呼里this.getData().then(res => this.drowEchart())
uj5u.com熱心網友回復：
咋不行 有錯誤 且沒資料的圖表都沒渲染出來
uj5u.com熱心網友回復：
你的getData是網路請求吧，在getData中請求資料成功并且為相應變數賦值后，再呼叫drowEchartuj5u.com熱心網友回復：
是網路請求 你意思是在getData里呼叫drowEchart 嗎uj5u.com熱心網友回復：
在getData方法請求回呼成功里面呼叫drowEchartuj5u.com熱心網友回復：
$.ajax({
url: 'http://www.',
type: 'post',
dataType:'json',
contentType: 'application/json',
async:true,
data: JSON.stringify({
}),
success:function(data){
console.log(data)
var data1=[]
var data2=[]
for(var i=0;i<data.list.length;i++){
data1[i]=data.list[i].name
data2[i]=data.list[i].weight
}
myChart.setOption({
xAxis: {
data: data1
},
series: [{
// 根據名字對應到相應的系列
name: '回收量',
data: data2
}]
});
}
});
uj5u.com熱心網友回復：
我的想法是 只想一次請求得到資料 后面多個圖表繪制的資料源都從data()里取 就不用一個請求一個echart渲染圖表因為我有不同的圖表渲染方式 但是資料都是那一個請求里面來的 不知道這樣可不可以
uj5u.com熱心網友回復：
可以啊
你看看代碼，不過是請求之后重繪資料而已
uj5u.com熱心網友回復：
你好 那我要接著渲染其他圖表 資料使用你里面的data1和data2 怎么操作轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/64173.html
標籤：JavaScript