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 }
        })
        let objPie = this.pieChart.map(item => {
          return { 'name': item }
        })
        // 合并数组或者对象在数组或对象前面加...，是es6的新写法，然后数组的map方法会返回数组.
        let objArr = obj.map((item, index) => {
          return { ...item, ...objPie[index] };
        });
        this.channelCharts(objArr)
      })

 

如有帮助请关注，好评！！！谢谢