在开发中处理数据是难免,我这边的案例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)
})
如有帮助请关注,好评!!!谢谢