Javascript 来自JQuery数组的Google图表

Javascript 来自JQuery数组的Google图表,javascript,jquery,arrays,google-visualization,Javascript,Jquery,Arrays,Google Visualization,这一次我正在研究Google图表,下面的代码显示了如何获取一个数组,将其发送到函数以绘制图表: $.get("Inform.php?proyecto="+$("#Proyectos option:selected").text(), function( data ){ $.each(data, function(id,value){ var tmp = { 'value1':"

这一次我正在研究Google图表,下面的代码显示了如何获取一个数组,将其发送到函数以绘制图表:

$.get("Inform.php?proyecto="+$("#Proyectos option:selected").text(), function( data ){
                $.each(data, function(id,value){
                    var tmp = {
                        'value1':""+value['value1']+"",
                        'value2':""+value['value2']+"",
                        'solution':""+value['solution']+""
                    };
                    ListaA.push(tmp);
                }); 
            });
            google.load('visualization', '1', {'packages': ['corechart']});
            google.setOnLoadCallback(drawChart);
            return;
现在是drawChart()函数

最后加载图表的HTML元素是

<div id="piechart" style="width: 900px; height: 500px;"></div>

正如您在第二段代码中所看到的,我使用try/catch来知道我可以从那里得到什么样的错误,但是我什么都没有,没有错误,没有绘制图表,可能是我在数组上做错了什么,或者调用了图表函数,我不知道


我希望您能帮助我如何正确调用此函数,以便获得与我的数组相关的图表。谢谢你的时间和关注

需要加载Google可视化API:

使用一个简单的数组数组(又名多维数组,又名数据表)和
arrayToDataTable()
方法。在使用Google Visualization之前,有很多方法可以收集和格式化数据,但是,好吧,这些数据最终将成为一个数组数组,或者一个非常复杂的JSON,它表示一个数组。不管我们如何准备数据,我们都应该记住第一列必须是字符串(如果我们有水平和垂直的表头,那么它就是第一行和第一列)

数据的来源是未知的,即使可以访问,数据仍然是有问题的。如果我理解的话,
ListaA
将是一个对象数组每个元素看起来像一行标题和一行数据…不确定是否接受。您可能必须让GV以另一种方式将数据处理到
数据表中,而不是使用
arrayToDataTable()
方法

如果您的数据排列正确,那么只需添加前三个修复程序并对其进行测试。如果它发出关于
DataTable
和/或数据的红色突出显示的错误消息,那么您需要显示数据,以便它最终成为一个数组

片段

/*
替换:
风险值数据=[
['col','col','col'],
['value',1,2],
[“解决方案”,3,1]
];
使用您自己的数据:
$.get(“Inform.php?proyecto=“+$”(“#Proyectos选项:选中”)
...
*/

load('visualization','1','{
“包”:[“核心图表”]
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
风险值数据=[
['col','col','col'],
['value',1,2],
[“解决方案”,3,1]
];
var dataTable=新的google.visualization.arrayToDataTable(数据);
变量选项={
“标题”:“标题”,
“宽度”:400,
‘高度’:300
};
var chart=new google.visualization.PieChart(document.getElementById('PieChart');
图表绘制(数据表、选项);
}

使用
console.log()
。使用它检查
数据
内部
$。获取
,然后
之后列出aa
。按下
,等等。检查每个值是否都如预期的那样,直到找到不符合预期的值并解释得到的结果,或者没有得到结果。我尝试在表上显示结果,结果确实如此。太棒了,我将尝试您的解决方案并以后再告诉你它是否有效。非常感谢。这是gr8。如果有效,别忘了检查绿色✔ 如果没有,我们可以找到答案,我觉得我们已经非常接近解决方案了,即使它确实失败了,如果你收到一条红色的错误消息,这是一个好迹象(当然没有成功那么好)。你的答案很好,非常感谢,很抱歉回答晚了,我遇到了一些互联网问题。你太棒了;)
<div id="piechart" style="width: 900px; height: 500px;"></div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
$.get("Inform.php?proyecto="+$("#Proyectos option:selected").text(), function( data ){
                $.each(data, function(id,value){
                    var tmp = {
                        'value1':""+value['value1']+"",
                        'value2':""+value['value2']+"",
                        'solution':""+value['solution']+""
                    };
                    ListaA.push(tmp);
                }); 
            });