数据格式:
介绍:
数据是一个数组,数组里边有对象,需要转换成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)
},