php - 从数据库查询到谷歌图表中的 JSON 字符串视图

Question

目前正在开发一个网站，我从 mysql 数据库中查询数据并将其编码为 JSON 字符串，我想使用 google 图表和表格查看数据。

目前我无法查看表中的数据，但 JSON 字符串输出似乎是正确的。

这是javascript代码：

function drawVisualization() {
        var jsonData = null;
        var json = $.ajax({
          url: "dataTableViewDaily.php", // make this url point to the data file
          dataType: "json",
          async: false,
          success: (
              function(data){
                jsonData = data;

    var data = new google.visualization.DataTable(jsonData);

      // Create and draw the visualization.
      visualization = new google.visualization.Table(document.getElementById('table'));
      visualization.draw(data, null);
              })
        }).responseText;
    }


    google.setOnLoadCallback(drawVisualization);

但是我在这个 url 上回显了 JSONString：dataTableViewDaily.php

将不胜感激任何形式的帮助

Answer 1

您需要将 jsonData 转换为 Google Charts api 可以理解的表格。

这是我最近从事的一个项目中的一个简单的 javascript 片段。

//Assuming jsonData has a json array : customerList
var jsonData = {
                  "count":2,
                  "customerList":[
                      {"customerName":"gupta","customerID":"you@example.com"},
                      {"customerName":"neetesh","customerID":"me@example.com"}
                    ]
                };
c = jsonData.customerList; 
var data = new google.visualization.DataTable();
data.addColumn('number', 's.no.');
data.addColumn('string', 'Customer Name');
data.addColumn('string', 'Customer email ID');
data.addRows(c.length);
for(var i = 0; i < c.length; i++)
{
    data.setCell(i, 0, i)
    data.setCell(i, 1, c[i].customerID);
    data.setCell(i, 2, c[i].customerName);
}
visualization = new google.visualization.Table(
                            document.getElementById('table'));
visualization.draw(data, null);