Javascript 通过JSON从php脚本显示Google图表

我正在写一个程序，从中检索数据 我的服务器上有一个使用PHP的SQLite数据库，应该会显示 使用JavaScript在Google图表上显示数据

当我运行该程序时，会出现以下错误：

主线程上的1个同步XMLHttpRequest已弃用

2非数组=>var data=google.visualization.arrayToDataTableobj

我添加了以下所有代码以及track.php生成的输出：

track.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
?>

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>

---

不要使用同步请求。您可以将图表构建代码的其余部分放入调用中

google.loadvisualization，1{ 软件包：[核心图表] }; google.setOnLoadCallbackdrawChart； 功能图{ $.ajax{ url:track.php， 数据类型：json }.donefunctionjsonData{ var obj=window.JSON.stringifyjsonData； var data=google.visualization.arrayToDataTableobj； 变量选项={ 标题：“Trackerdata示例” }; var chart=新的google.visualization.LineChart document.getElementById'chart_div'； 图表。绘图数据，选项； } };

<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>