javascript 从响应生成chartjs数据，作为密钥和数据，变成标签和数据

Posted 2021-05-04

remakeChartData(input) {
        const output = {};
        input.map((item) => {
            for (let key in item) {
                if (!(key in output)) {
                    output[key] = [];
                }
                output[key].push(item[key]);
            }
        });
        const entries = (<any>Object).entries(output); // in case of typesctipt otherwise remove <any> and ()
        return entries.map((e) => {
            let label = e[0];
            // make first letter uppercase
            label = `${label.charAt(0).toUpperCase()}${label.substring(1)}`;
            let data = e[1];
            return { label, data };
        });
    }

 


 input: 
 [
  {
    "alpha": 10,
    "beta": 11
  },
  {
    "alpha": 0,
    "beta": 4
  },
  {
    "alpha": 21,
    "beta": 9
  },
  {
    "alpha": 3,
    "beta": 1
  },
  {
    "alpha": 7,
    "beta": 0
  },
  {
    "alpha": 0,
    "beta": 0
  }
]

output:

[
  {
    "label": "Alpha",
    "data": [10, 0, 21, 3, 7, 0 ]
  },
  {
    "label": "Beta",
    "data": [11, 4, 9, 1, 0, 0 ]
  }
]