如何使用 PHP 和 JSON 从 MySQL 数据创建 Google 图表？

使用 PHP、MySQL 和 JSON 创建 Google 图表 - 综合指南

在本文中，我们将探索有关使用 MySQL 生成 Google 图表的详细指南表数据作为数据源。我们将主要关注一个非 Ajax 示例来简化理解。

要求

在开始之前，请确保您具备以下条件先决条件：

• PHP
• Apache
• MySQL

数据库设置

1. 创建一个名为“图表”使用phpMyAdmin。

2. 创建一个名为“googlechart”的表，其中包含以下列：

   • weekly_task（字符串）
   • 百分比（数字）

PHP代码

<?php // Connect to the database
$con = mysql_connect("localhost", "username", "password");
mysql_select_db("chart", $con);

// Query the "googlechart" table
$sth = mysql_query("SELECT * FROM googlechart");

// Initialize the data table
$table = array();
$table['cols'] = array(

    // Column labels
    array('label' => 'Weekly Task', 'type' => 'string'),
    array('label' => 'Percentage', 'type' => 'number')

);

// Populate the table with data from the query result
$rows = array();
while ($r = mysql_fetch_assoc($sth)) {
    $temp = array();
    $temp[] = array('v' => $r['weekly_task']);
    $temp[] = array('v' => $r['percentage']);
    $rows[] = array('c' => $temp);
}

$table['rows'] = $rows;

// Convert the table data to JSON format
$jsonTable = json_encode($table);
?>

HTML 和 JavaScript

  
    <script src="https://www.google.com/jsapi"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>
      google.load('visualization', '1', {'packages':['corechart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);
        var options = {
          title: 'My Weekly Plan',
          is3D: true,
          width: 800,
          height: 600
        };
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  
  
    <div>
<h3 id="潜在错误">潜在错误</h3>
<p>使用短标签 (=) 时可能会遇到错误：</p>
<pre class="brush:php;toolbar:false">syntax error var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);

要解决此问题，请使用以下语法相反：

<?php echo $jsonTable; ?>

现在，您已经全面了解如何使用 PHP、MySQL 和 JSON 从数据库数据创建 Google 图表。