0

我想在我的网站上有一个谷歌饼图。饼图将填充数据库中的数据。我在https://developers.google.com/chart/interactive/docs/php_example上查看了一些示例，但是在涉及 JSON 格式时我迷失了。

这里有些例子：

 <html>
   <head>
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">

// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

function drawChart() {
  var jsonData = $.ajax({
      url: "getData.php",
      dataType:"json",
      async: false
      }).responseText;

  // Create our data table out of JSON data loaded from server.
  var data = new google.visualization.DataTable(jsonData);

  // Instantiate and draw our chart, passing in some options.
  var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  chart.draw(data, {width: 400, height: 240});
}

</script>
</head>

<body>
  <!--Div that will hold the pie chart-->
  <div id="chart_div"></div>
</body>
</html>

这是我迷路的片段（getData.php）：

 <?php 

// This is just an example of reading server side data and sending it to the client.
// It reads a json formatted text file and outputs it.

 $string = file_get_contents("sampleData.json");
 echo $string;

// Instead you can query your database and parse into JSON etc etc

 ?>

我将数据存储在数据库中，而不是 JSON 格式。如何使用 MySQL 数据库查询处理 JSON 格式？如果您有一些示例或演示，我将不胜感激。

4

2 回答 2

1

首先要做的是查看有关该json_encode()方法的 PHP 手册。它提供了有关如何使用 PHP 生成 JSON 的示例。

这是另一个类似 SO 问题的简短示例：

// Get your data from DB
$sth = mysql_query("SELECT ...");
// Create an array
$rows = array();
// Loop over the DB result and add it to your array
while($r = mysql_fetch_assoc($sth)) {
    $rows[] = $r;
}
// Use json_encode() to turn the array into JSON
print json_encode($rows);

如果您需要重命名数据库列，以便您的 JSON 数据在属性上获得与数据库中使用的名称不同的名称，则可以AS在 SQL 中使用。

SELECT blog_title as title ...
于 2012-07-15T17:52:27.707 回答
0

只是 echo php 结果 var data = new google.visualization.DataTable([<?php echo $result ;?>]);

您将按照以下格式从数据库中获取数据

             ['Task', 'Hours per Day'],
                      ['Work',     11],
                      ['Eat',      2],
                      ['Commute',  2],
                      ['Watch TV', 2],
                      ['Sleep',    7]

我认为这对你有用，我在热图中使用相同的逻辑

于 2013-03-12T08:56:46.793 回答