ZM—后台无法给想要的数据格式（2）

最新推荐文章于 2025-11-17 12:04:52 发布

原创最新推荐文章于 2025-11-17 12:04:52 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

ZM 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何将后台提供的非标准数据结构转换为期望的listData格式，通过循环遍历和映射操作，实现数据整合，便于后续图表绘制。

问题描述：

后台无法给想要的数据格式，

想要的数据格式：

listData:[
          {
              title:"甲醇",
              place:['陕西','西安'],
              value:['12345.3','36985.6']
          },
          {
              title:"乙烯",
              place:['武汉','安徽'],
              value:['568945.154','7856452.32']
          }
      ]

后台给的数据格式：

newval:[
          {
              title:"甲醇",
              place:"陕西",
              value:123450.6
          },
          {
              title:"甲醇",
              place:"西安",
              value:36985.6
          },
          {
              title:"乙烯",
              place:"武汉",
              value:568945.154
          },
          {
              title:"甲醇",
              place:"安徽",
              value:7856452.32
          },
      ]

解决方案：

循环获得的数据并且进行赋值

dataList(newVal,oldVal){
      // console.log(newVal)
        var map = {},dest=[]
        for(var i = 0;i < newVal.length;i++){
          var list = newVal[i];
          if(!map[list.title]){
            dest.push({
              title:list.title,
              place:[list.place],
              value:[list.value]
            });
            map[list.title] = list;
          }else{
            for(var j = 0;j < dest.length;j++){
              var clist = dest[j];
              if(clist.title == list.title){
                clist.place.push(list.place)
                clist.value.push(list.value)
                break
              }
            }
          }
          // console.log(map,'123456')
        }
        this.listData = dest
        // console.log(this.listData,'123')
        // console.log(dest,'456')
        this.drawchanpinEchart()
      }