如何使用列表數據創建 Javascript 餅圖？

Question

所以我的數據目前的格式為

[
    {
        "B": 1
    },
    {
        "A": 1
    },
    {
        "A": 1
    }
]

我想用它創建一個餅圖。 然而，我在網上使用的示例餅圖需要這樣的數據。

        [
            {y: 1, label: "User Group A"},
            {y: 1, label: "User Group B"},
        ]

這是我在網上找到的餅圖代碼

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    title: {
        text: "Did user group view page on ebay?"
    },
    data: [{
        type: "pie",
        startAngle: 240,
        yValueFormatString: "##0.00\"%\"",
        indexLabel: "{label} {y}",
        dataPoints: [
            {y: 1, label: "User Group A"},
            {y: 1, label: "User Group B"},
        ]
    }]
});
chart.render();

我如何最好地將我的數據轉換為 {y: data, label: "data"}？

或者我最好使用不同的Javascript餅圖來更好地支持我的數據格式？

Answer 1

嘗試這個

 [ { "B": 1 }, { "A": 1 }, { "A": 1 } ].map(data => { let key = Object.keys(data)[0] return {y : data[key], label: key} })