如何让Jquery数据到google饼图?

问题描述 投票:1回答:1

我试图使用我的数据为谷歌饼图,但它不工作。

当我使用这个代码

 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]);

这里,是我的CategoryName和ItemsSold的字典。

我注意到的一件事是,当我试图在控制台检查 "数据 "时,前者的头有2种类型string和int,但后者的头也包含了我的全部数据对。

就像我使用循环时的情况

当我使用第1种方式时,就像这样,它可以工作。

javascript jquery ajax charts google-visualization
1个回答
2
投票

因为你是从一个数组开始的,这里... ...

var data1=[];

你不需要用另一个数组包围,这里... ...

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

改成...

var data = google.visualization.arrayToDataTable(data1);
© www.soinside.com 2019 - 2024. All rights reserved.