我将尝试使用Google的API和JSON创建一张折线图。
固定编码,这张图表可以正常工作:
然而,尝试使用JSON填充它时,我无法使其工作:
我显然没有正确编码数组。Google在此处提供了一个有关如何使用JSON数据填充图表的示例页面:https://developers.google.com/chart/interactive/docs/php_example。
但是,我找不到任何关于如何设置这样一个简单线条图的JSON数据的示例。
固定编码,这张图表可以正常工作:
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Date', 'Sales'],
['Jun 25', 12.25],
['Jun 26', 8.00],
['Jun 27', 20.50]
['Jun 28', 12.75]
]);
var options = {
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
然而,尝试使用JSON填充它时,我无法使其工作:
<?php
$data = array();
$data["Date"] = "Sales";
$data["Jun 25"] = "12.25";
$data["Jun 26"] = "8.00";
$data["Jun 27"] = "20.50";
$data["Jun 28"] = "12.75";
$data = json_encode($data);
?>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable(<?php echo $data; ?>);
var options = {
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
我显然没有正确编码数组。Google在此处提供了一个有关如何使用JSON数据填充图表的示例页面:https://developers.google.com/chart/interactive/docs/php_example。
但是,我找不到任何关于如何设置这样一个简单线条图的JSON数据的示例。