如何使用列表数据创建Javascript饼图?

如何使用列表数据创建Javascript饼图?,javascript,data-visualization,pie-chart,Javascript,Data Visualization,Pie Chart,所以我的数据目前的格式是 [ { "B": 1 }, { "A": 1 }, { "A": 1 } ] 我想用它创建一个饼图。然而,我在网上使用的示例饼图期望得到这样的数据 [ {y: 1, label: "User Group A"}, {y: 1, label: "User Group B"}, ] 这是我在网上找

所以我的数据目前的格式是

[
    {
        "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,标签:“data”}

或者我最好使用不同的Javascript饼图来更好地支持我的数据格式

试试这个

[
{
“B”:1
},
{
“A”:1
},
{
“A”:1
}
].map(数据=>{
让key=Object.keys(数据)[0]
返回{y:data[key],label:key}

})
在数据中,键应该相同,对吗?