在開發中處理數據是難免，我這邊的案例Echarts餅圖渲染！！見代碼
由於需要的name數據是不變的給后端約定由前端寫死，直接在data中生命pieChart
pieChart: ['新UV', '昨日新增今日活躍', '2~15日前新增今日活躍', '16~60日前新增今日活躍', '60日前新增今日活躍', '召回用戶：累計60天'],
loadings 為加載動畫在data中聲明即可
// 餅圖
this.loadings = true
Request.queryActiveUserPieData(params).then(res => {
let settingObj = res.data;
// 對象轉化為數組
let settingArr =
Object.keys(settingObj).map(key => {
return settingObj[key];
})
// 給數組附鍵值
let obj = settingArr.map(item => {
return { 'value': item }
})
let objPie = this.pieChart.map(item => {
return { 'name': item }
})
// 合並數組或者對象在數組或對象前面加...，是es6的新寫法，然后數組的map方法會返回數組.
let objArr = obj.map((item, index) => {
return { ...item, ...objPie[index] };
});
this.channelCharts(objArr)
})
如有幫助請關注，好評！！！謝謝