[英]Multiple graphs in php loop
我对Google图表有疑问 。 我开发了一个网页,每个网页包含5个(使用php生成)和5个ID:
echo "<div id = \"ID\" style=\"display:none;\">"
我也有5 json数组与所有信息。 我在表格中显示每个数据,但我也想显示一个包含数据的图表。 我试图以这种方式做(但不起作用):
for ($i = 0; $i<$n;$i++){
$jsonTable = json_encode(${'table'.$Result_array[$i][1]});
$ID = $Result_array[$i][1]; //ID for the div
echo "<script type=\"text/javascript\">
google.load('visualization', '1', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart());
function drawChart() {
// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(".$jsonTable.");
var options = {
title: 'Company Performance',
hAxis: {title: 'L value', titleTextStyle: {color: 'red'}, gridlines:{count:10} },
vAxis: {
title: \"I rms\",
maxValue:1.5,
gridlines:{count:10}
}
};
// Instantiate and draw our chart, passing in some options.
// Do not forget to check your div ID
var chart = new google.visualization.ColumnChart(document.getElementById('".$ID."'));
chart.draw(data, options);
}
}
</script>";
}
如果我仅将此代码用于1个表,则可以正常工作,但是当我使用循环并尝试生成多个图形时,它将不起作用。 有人可以帮助我吗? 谢谢!
PS:也许我还必须解释一下,首先,我有一个表格,其中包含5个结果,单击时,便有了onclik函数来取消隐藏相应的内容。 这始终有效(使用图形或不使用图形),但从不显示图形。
您要遍历一个id
的5个ids
在哪里?
var chart = new google.visualization.ColumnChart(document.getElementById('".$ID."'));
应该是这样
var chart = new google.visualization.ColumnChart(document.getElementById('".$ID."_".$i"'));
并像这样添加div
echo "<div id = \"ID_0\" style=\"display:none;\">"
echo "<div id = \"ID_1\" style=\"display:none;\">"
echo "<div id = \"ID_2\" style=\"display:none;\">"
echo "<div id = \"ID_3\" style=\"display:none;\">"
echo "<div id = \"ID_4\" style=\"display:none;\">"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.