Как создать диаграмму Javascript p ie со списком данных? - PullRequest
0 голосов
/ 09 марта 2020

Таким образом, мои данные в настоящее время имеют формат

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

, для которого я хочу создать график ap ie. Однако образец p ie диаграммы, который я использовал в Интернете, ожидает такие данные.

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

Это код диаграммы p ie, который я нашел в Интернете

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 p ie, которая лучше поддерживает формат моих данных?

1 Ответ

0 голосов
/ 09 марта 2020

попробуйте

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