Echarts数据处理，Es6对象转化为数组对象
在开发中处理数据是难免，我这边的案例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 }
})
es6字符串转数组let objPie = this.pieChart.map(item => {
return { 'name': item }
})
// 合并数组或者对象在数组或对象前⾯加...，是es6的新写法，然后数组的map⽅法会返回数组.
let objArr = obj.map((item, index) => {
return { ...item, ...objPie[index] };
});
this.channelCharts(objArr)
})
如有帮助请关注，好评谢谢

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。