如何将 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);