如何將 Jquery 數據獲取到谷歌餅圖？

Question

我正在嘗試將我的數據用於谷歌餅圖，但它不起作用。

當我使用此代碼時

 var data = google.visualization.arrayToDataTable([

        ['ProductCategory', 'ItemsSold'],
        [dit[0].CategoryName, dit[0].ItemsSold],
        [dit[1].CategoryName, dit[1].ItemsSold],            
        [dit[2].CategoryName, dit[2].ItemsSold]
    ]);

它在我靜態放置事物時起作用，但是當我在循環中使用我的數據並以這種方式綁定時，圖表中不會出現任何數據

   var data1=[];
     var Header= ['ProductCategory', 'ItemsSold'];
     data1.push(Header);
    for (var i = 0; i < dit.length; i++) {
        var temp = [];
         temp.push(dit[i].CategoryName);
         temp.push(parseInt(dit[i].ItemsSold));
         data1.push(temp);


    }

    var data = google.visualization.arrayToDataTable([data1]);

在這里，dit 是我的帶有 CategoryName 和 ItemsSold 的字典。

我注意到的一件事是，當我嘗試在控制台中檢查“數據”時，前一個的 header 有兩種類型的字符串和 int，但對於后者，header 也包含我的整對數據。

當我使用循環時就像這樣

當我使用第一種方式並且它有效時，就像這樣

Answer 1

因為你是從一個數組開始的，所以在這里......

var data1=[];

你不需要用另一個數組包圍，在這里......

var data = google.visualization.arrayToDataTable([data1]);

改成...

var data = google.visualization.arrayToDataTable(data1);