echarts数据组装

最新推荐文章于 2023-07-26 18:07:23 发布

weixin_46276411

最新推荐文章于 2023-07-26 18:07:23 发布

阅读量303

点赞数

本文链接：https://blog.csdn.net/weixin_46276411/article/details/119044380

版权

数据组装时间序列图表绘制敌情计数类型转换

关键词由CSDN通过智能技术生成

后端发来数据格式

在这里插入图片描述

cc: "1"
contact: "1"
content: "3333"
createBy: "admin"
createTime: "2021-06-28T19:39:29.473+0800"
fileIds: null
fileInfos: null
groupId: 0
groupInfoDTO: null
id: 4
issue: "1"
keywords: "1"
level: 0
messageType: 0
organize: "1"
postAddress: "1"
postTime: null
postUnit: "1"
recordId: 821
reportUnit: "1"
secretLevel: 0
signalType: 0
status: 0
sysUserDTOList: null
taskId: 0
telephone: "1"
templateId: 5
templateInfos: null
textNumber: "1"
theme: "1"
trainType: 0
type: 0
updateBy: "admin"
updateTime: "2021-06-30T10:59:43.000+0800"
uploadType: null
userId: 0

数据组装

   getCountData().then((res) => {
        // console.log(res);
        let enemyCountList = JSON.parse(
          JSON.stringify(res.data.enemyCountList)
        );
        let timearr = [];
        // console.log(enemyCountList);
        enemyCountList.forEach((item) => {
          item.createTime = this.renderTime(item.createTime);
          this.x.push(item.createTime);
          timearr.push(item.createTime);
          this.postUnitArr.push(item.postUnit);
        });

        // let maparr = this.getEleNums(timearr);
        // for (var i in maparr) {
        //   this.y.push(maparr[i]);
        // }
        // console.log(this.y, "99999999999999999");
        // console.log(this.unique(this.x), "xxxx");
        if (type == 0 || type == 1) {
          let maparr = this.getEleNums(timearr);
        for (var i in maparr) {
          this.y.push(maparr[i]);
        }
          // console.log("11111111111111111111111111111");
          this.option.series[0].data = this.y;
          this.option.xAxis.data = this.unique(this.x);
          this.drawLine();
        } else if(type == 2) {
          this.y=[];
          let maparr = this.getEleNums(timearr);
        for (var i in maparr) {
          this.y.push(maparr[i]);
        }
          // console.log("222222222222222222222222222222");
          if (this.option.series[0].data.length != 0) return;
          // console.log(this.option.series[0].data);
          this.option.series[0].data=[];
          // console.log(this.y);
          this.y.forEach((i) => {
            // console.log(i);
            this.option.series[0].data.push({
              value: i,
              name: "",
            });
          });
          this.option.series[0].data.forEach((item, index) => {
            let xcontent = this.unique(this.x);
            console.log(xcontent);
            item.name = xcontent[index];
          });
          this.drawLine();
          //  console.log(this.option);
        }
        // console.log(this.option.xAxis.data);
        let postCount = this.getEleNums(this.postUnitArr);
        // console.log(postCount);
        if (this.tableData.length != 0) return;
        for (let i in postCount) {
          this.tableData.push({ postUnit: i, num: postCount[i] });
        }
        // console.log(this.tableData,'postCountpostCountpostCountpostCount');
        // console.log(enemyCountList, "00");
      });