Javascript 来自JQuery数组的Google图表
这一次我正在研究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':"
$.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);
});
});