Javascript 如何在ag网格中显示基于月份的数据（角度）

列表.组件.ts

 gridApi: GridApi;

      columnDefs = [] as any;
      monthNames = [
        {
          "monthName": "January"
        },
        {
          "monthName": "February"
        },
        {
          "monthName": "March"
        },
        {
          "monthName": "April"
        },
        {
          "monthName": "May"
        },
        {
          "monthName": "June"
        },
        {
          "monthName": "July"
        },
        {
          "monthName": "August"
        },
        {
          "monthName": "September"
        },
        {
          "monthName": "October"
        },
        {
          "monthName": "November"
    },
    {
      "monthName": "December"
    }
  ];
rowData: BehaviorSubject<Array<any>> = new BehaviorSubject([]);

  data = [
    {
      "code": "Machine 1",
      "assetCode": "PRN",
      "assetCount": 12,
      "date": "2019-05-18 00:00:00"
    },
    {
      "code": "Machine 1",
      "assetCode": "PRN 1",
      "assetCount": 10,
      "date": "2019-01-19 00:00:00"
    },
    {
      "code": "Machine 2",
      "assetCode": "PRN 1",
      "assetCount": 3,
      "date": "2019-01-20 00:00:00"
    },
    {
      "code": "Machine 3",
      "assetCode": "PRN",
      "assetCount": 1,
      "date": "2019-01-21 00:00:00"
    },
    {
      "code": "Machine 4",
      "assetCode": "PRN 1",
      "assetCount": 3,
      "date": "2019-06-22 00:00:00"
    },
    {
      "code": "Machine 5",
      "assetCode": "PRN 1",
      "assetCount": 3,
      "date": "2019-03-23 00:00:00"
    }
  ];

      constructor() {}

      onGridReady(event) {
        this.gridApi = event.api;
        this.setAgGrid();
      }

      ngOnInit() {
        this.setAgGrid();
      }

      setAgGrid() {
        for (let i = 0; i <= 11; i++) {
          const data = {
            headerName: this.monthNames[i].monthName,
            field: this.monthNames[i].monthName,
            width: 100,
            children: [
              {
                headerName: 'Style/Machine',
              },
              {
                headerName: 'Total',
                field: 'total',
                columnGroupShow: 'closed'
              }
            ]
          };
          // data.children.push(
          //   {
          //     headerName: 'PRN',
          //     field: 'assetCode',
          //     columnGroupShow: 'open'
          //   },
          //   {
          //     headerName: 'Total',
          //     field: 'total',
          //     columnGroupShow: 'open'
          //   }
          // );
          this.columnDefs.push(data);
        }
      }

    }

然后有两个名称相同的“机器1”，它应该根据

代码

、

汇编代码

和

日期

合并为1

注：日期示例如果两个“机器1”，那么如果它们相同，则将基于它们的月份。然后它将合并，资产帐户也将计算为总和

范例

code: 'Machine 1'
assetCode: PRN
assetCount: 2
date: 2019-01-10 08:08:08
________________
code: 'Machine 1'
assetCode: PRN
assetCount: 2
date: 2019-01-25 09:08:08
________________
code: 'Machine 2'
assetCode: PRN 1
assetCount: 2
date: 2019-01-25 09:08:08

在ag网格上，有一月到十二月的月份，然后根据月份添加数据

January                          |February              |March               ..... etc..
Style/Machine   | PRN | PRN 1
Machine 1       | 4   |   0
Machine 2       | 0   |   2

应该是这样的。

---

hi@ABC能否请您更新有关您的输出的更多详细信息，例如您希望如何根据您的数据在网格中显示1月和2月、3月……等数据？我想知道它将如何展示？在您给出的实际网格中，例如1月，但请同时更新2月和3月的网格sum@kushalshah请查看最新的照片。它是在photoshophi@ABC上创建的，你能更新一些关于你的输出的详细信息吗，比如你想如何根据你的数据在网格中显示一月和二月、三月等数据？我想知道它将如何展示？在您给出的实际网格中，例如1月，但请同时更新2月和3月的网格sum@kushalshah请查看最新的照片。它是在photoshop上创建的

January                          |February              |March               ..... etc..
Style/Machine   | PRN | PRN 1
Machine 1       | 4   |   0
Machine 2       | 0   |   2