javascript - 谷歌图表； Uncaught Error : Not an array

Question

我正在尝试使用 Ajax 加载 Google 图表，但由于某种原因，传回的数据表明它不是数组。

这是我希望显示图表的页面上的 Javascript:

<script>
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawCharts);

    function drawCharts(){

        // Each chart function

        $.get('charts_ajax.php',{a : 'usage'}, function(data){

            if(data){
                initGoogleChart(data)
            }
        });
    }

    function initGoogleChart(data){
        var tableData = google.visualization.arrayToDataTable(data);

        var options = {
            title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('terms-table'));
        chart.draw(tableData, options);

    }

</script>

charts_ajax.php 文件中有这样的内容:

if ($_GET['a'] == "usage") {

   $arrTableData = array([
       ['Task', 'Hours per Day'],
       ['Work',     11],
       ['Eat',      2],
       ['Commute',  2],
       ['Watch TV', 2],
       ['Sleep',    7]
   ]);

    echo $arrTableData;
}

当我 console.log($arrTableData) 时，我得到:

 array(1) {
  [0]=>
   array(6) {
      [0]=>
     array(2) {
      [0]=>
      string(4) "Task"
      [1]=>
      string(13) "Hours per Day"

 // etc etc.. 

那么你能告诉我为什么它说没有数组以及为什么它不起作用吗？

Answer 1

像这样更新你的 php 函数:

if ($_GET['a'] == "usage") {

    $arrTableData = array(
        array('Task',     'Hours per Day'),
        array('Work',     11),
        array('Eat',      2),
        array('Commute',  2),
        array('Watch TV', 2),
        array('Sleep',    7)
    );

    echo json_encode($arrTableData);
}

在你的 JavaScript 函数中尝试一下:

function initGoogleChart(data) {

    var tableData = google.visualization.arrayToDataTable(JSON.parse(data));

    ...

}