vue处理数据

数据格式:
在这里插入图片描述
介绍:
数据是一个数组,数组里边有对象,需要转换成4个数组,一个是社区名字,另外三个分别对应每个小区的干垃圾、湿垃圾、可回收垃圾的投递次数,数据是分开给的

   getList() {
      this.$http
        .request("deviceStausZbChart", {})
        .then((data) => {
          console.log(data.data.data);
          let allData = data.data.data;
          // this.getX(allData); //获取X轴数据
          this.getData(allData);
        })
        .catch((err) => {
          console.log(err);
        });
    },
    getData(item) {
      let obj = {};
      let dat = item;
      for (let i = 0; i < item.length; i++) {
        if (!obj[item[i].communityId]) {
          obj[item[i].communityId] = {
            communityName: item[i].communityName,
            tarshg: "",
            trashs: "",
            trashk: "",
          };
        }
      }
      // console.log(obj);
      this.getDat(obj, dat);
    },
    getDat(obj, dat) {
      // console.log(obj,dat);
      for (let i = 0; i < dat.length; i++) {
        if (obj[dat[i].communityId] && dat[i].garbageType == "干垃圾") {
          obj[dat[i].communityId].tarshg = dat[i].deliveryTimes;
        } else if (obj[dat[i].communityId] && dat[i].garbageType == "湿垃圾") {
          obj[dat[i].communityId].trashs = dat[i].deliveryTimes;
        } else if (
          obj[dat[i].communityId] &&
          dat[i].garbageType == "可回收垃圾"
        ) {
          obj[dat[i].communityId].trashk = dat[i].deliveryTimes;
        } else {
          obj[dat[i].communityId].tarshg = "0";
          obj[dat[i].communityId].trashs = "0";
          obj[dat[i].communityId].trashk = "0";
        }
      }
      var arr = [];
      for (let i in obj) {
        arr.push(obj[i]); 
      }
      console.log(arr);
      let arr1 = [];
      let arr2 = [];
      let arr3 = [];
      let arr4 = [];
      for(let i =0;i<arr.length;i++){
         arr1.push(arr[i].communityName)
         arr2.push(arr[i].tarshg)
         arr3.push(arr[i].trashs)
         arr4.push(arr[i].trashk)
      }
      //a.map(Number)
      this.chartOptions.xAxis.categories = arr1
      this.chartOptions.series[0].data = arr2.map(Number)
      this.chartOptions.series[1].data = arr3.map(Number)
      this.chartOptions.series[2].data = arr4.map(Number)
    },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值