将后台的返回的格式,根据某个共同的字段分组

Posted zhenga

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将后台的返回的格式,根据某个共同的字段分组相关的知识,希望对你有一定的参考价值。

在echars 中根据后台给的13条数据,按照年份2019,2018,2017,2016.分数据在按月份规律排成一个数组。

步骤如下:

技术图片

第三步

技术图片

第四步,最终要的效果

技术图片

最终展示

技术图片

 

 console.log(‘能耗同期对比‘)
        console.log(‘第一步‘)
        console.log(this.mapEnerConsumComparData)
        var arr = this.mapEnerConsumComparData  //  得到的十三条数据
        var monthFlg = []
        var map = 
        var dest = []
        for (var i = 0; i < arr.length; i++) 
          var ai = arr[i]
          if (!map[ai.monthFlg]) 
            dest.push(
              monthFlg: ai.monthFlg,    //根据月份分
              data: [ai]
            )
            map[ai.monthFlg] = ai
           else 
            for (var j = 0; j < dest.length; j++) 
              var dj = dest[j]
              if (dj.monthFlg == ai.monthFlg) 
                dj.data.push(ai)
                break
              
            
          
        
        // console.log(dest)
        for (let i in dest) 
          monthFlg.push(`$dest[i].monthFlg月`)
        
        let serie = []
        for (let i in dest) 
          for (let j in  dest[i].data) 
//根据每条数据data  循环得到最终的数据
            var item = 
              show: dest[i].data[j].monthFlg,
              name: `$dest[i].data[j].yearFlg年`,
              data: dest[i].data[j].totalConsumption
            
            serie.push(item)
          
        
        // console.log(‘第三步‘)
        // console.log(serie)
        // console.log(monthFlg)
        var mapFun = 
        var destFun = []
        for (var i = 0; i < serie.length; i++) 
          var ai = serie[i]
          if (!mapFun[ai.name]) 
            destFun.push(
              name: ai.name,
              type: ‘bar‘,
              data: [ai.data]
            )
            mapFun[ai.name] = ai
           else 
            for (var j = 0; j < destFun.length; j++) 
              var dj = destFun[j]
              if (dj.name == ai.name) 
                dj.data.push(ai.data)
                break
              
            
          
        
        // this.destFun = destFun
        // console.log(‘第四步‘)
        // console.log(destFun)
        // console.log(monthFlg)

 

以上是关于将后台的返回的格式,根据某个共同的字段分组的主要内容,如果未能解决你的问题,请参考以下文章

js对象数组(JSON) 根据某个共同字段 分组

js对象数组 根据某个共同字段 分组

数组对象如何根据对象中某个字段分组

[PY3]——根据某个特定的字段来分组迭代访问一个字段或序列?/ itertools.groupby( )函数

Python: 字典列表: 通过某个字段将记录分组

mysql根据某个字段分组根据更新时间获取最新的记录