使用JSON數據創建Chart.js餅圖

Question

我試圖使用chartjs顯示多個圖表。 我有一個帶有硬編碼的多個數據的可工作的JSFIDDLE 。 如何使用從控制器中檢索到的json數據獲得相同的結果？ 如何將檢索到的json數據作為圖表的數據集推送？

這是從我的控制器返回的json數據：

[{"countAgree":1,"countSomewhatAgree":0,"countDisagree":1},
{"countAgree":0,"countSomewhatAgree":1,"countDisagree":1},
{"countAgree":0,"countSomewhatAgree":1,"countDisagree":1}]

我嘗試執行以下操作，但未創建圖表：

var charts = "myCharts";

var jsonData = [];

$.ajax({
    cache: false,
    async: false,
    type: "GET",
    url: '/Controller/GetData',
    dataType: 'json',
    success: function (response) {
        var obj = JSON.parse(response);
        $.each(obj, function (i, data) {
            jsonData.push({ data: [data[i].countAgree, data[i].countSomewhatAgree, data[i].countDisagree] });
        });
        //create chart
    }
});

我也試過

$.getJSON("/Controller/GetData", function (data) {
    for (var i = 0; i <= data.length - 1; i++) {
        jsonData.push({ data: [data[i].countAgree, data[i].countSomewhatAgree, data[i].countDisagree] });
    }

    //create charts
});

Answer 1

問題在於在循環中處理數據后的數據結構

將循環更改為以下內容：

$.each(obj, function (i, data) {
   jsonData.push({ A: data.countAgree, B: data.countSomewhatAgree, C: data.countDisagree, Q: 'Question' + (i + 1) });
});