通过 JSON 从 php 脚本显示谷歌图表
Displaying Google Chart from php script over JSON
我正在编写一个从中检索数据的程序我的服务器上带有PHP的SQLite数据库,应该显示使用 JavaScript 的 Google 图表上的数据。
当我运行该程序时,出现以下错误:
1) Synchronous XMLHttpRequest on the main thread is deprecated
2) not an array => var data = google.visualization.arrayToDataTable(obj);
我添加了下面的所有代码以及 track 生成的输出.php:
跟踪.php
<?php
$dir = 'sqlite:mijn.db';
$dbh = new PDO($dir) or die("cannot open database");
$query = "SELECT * FROM DS18b20 ORDER BY date DESC , time DESC LIMIT 10";
$data[0] = array('date' , 'time' , 'value');
$index=1;
foreach ($dbh->query($query) as $row) {
$data[$index++] = array($row[0] , $row[1] , $row[2] );
// echo $data[$index-1][0] , " ";
}
echo json_encode($data);
unset($dbh); // Close Handle
?>
示例输出:
[["date","time","value"],["150122","21:38","20.9"],["150122","21:37","20.9"],["150122","21:37","20.9"],["150122","21:37","20.9"],["150120","22:33","20.6"],["150120","22:33","20.7"],["150120","22:31","20.6"],["150120","22:30","20.7"],["150120","20:00","19.7"],["150120","20:00","19.7"]]
HTML 文件 :
<script>
google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawChart);
function drawChart() {
var jsonData = $.ajax({
url: "track.php", dataType: "json", async: false
}).responseText;
var obj = window.JSON.stringify(jsonData);
var data = google.visualization.arrayToDataTable(obj);
var options = {
title: 'Trackerdata example'
};
var chart = new google.visualization.LineChart(
document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
不要使用同步请求。您可以将图表构建代码的其余部分放在 done() 调用中。
google.load("visualization", "1", {
packages: ["corechart"]
});
google.setOnLoadCallback(drawChart);
function drawChart() {
$.ajax({
url: "track.php",
dataType: "json"
}).done(function(jsonData) {
var obj = window.JSON.stringify(jsonData);
var data = google.visualization.arrayToDataTable(obj);
var options = {
title: 'Trackerdata example'
};
var chart = new google.visualization.LineChart(
document.getElementById('chart_div'));
chart.draw(data, options);
}
});
相关文章:
- 不显示带有本地json文件数据的谷歌地图脚本
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 谷歌地图标记不会显示
- 无法在JS中显示谷歌地图
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 使用谷歌应用程序脚本从工作表中获取值并将其显示在文本框中
- 谷歌地图JS API+JSON-多个标记没有显示
- 如何在谷歌字体加载时显示加载图像
- 谷歌水印未显示在自定义搜索框中
- 谷歌地图v3标记没有显示ie8和9
- 标记不会显示在谷歌地图上
- 谷歌地图停止显示点v3
- 谷歌图表显示所有标签
- PHP谷歌地图-位置红色气球没有显示
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- 谷歌地图地点API地图未显示
- 当我使用高度百分比时,谷歌地图javascript api不会显示
- 谷歌图表在运行应用程序时只能显示一次
- 使用JSON在谷歌地图上显示标记
- 使用谷歌地图API和phonegap显示当前位置+方向