首頁 >資料庫 >mysql教程 >如何使用 PHP、MySQL 和 Google Charts API 產生圖表？

如何使用 PHP、MySQL 和 Google Charts API 產生圖表？

Patricia Arquette原創: 2024-12-06 03:44:15277瀏覽

How to Generate Charts using PHP, MySQL, and the Google Charts API?

PHP MySQL Google Chart JSON - 完整的範例

此範例向你展示如何使用 PHP、MySQL 和 Google Chart API 產生圖表。

先決條件：

PHP、Apache 和MySQL

資料庫設定：

資料庫設定：
建立一個名為 "googlechart" 的表，並確保其至少包含兩列。例如：weekly_task 和 percentage。

向表中插入一些數據，其中 percentage 欄位僅包含數字。

$con = mysqli_connect("localhost", "Username", "Password") or die("Failed to connect with database!!!!");
mysqli_select_db("Database Name", $con);

$result = mysqli_query($con, "SELECT * FROM googlechart");

$rows = array();
$table = array();
$table['cols'] = array(
    array('label' => 'Weekly Task', 'type' => 'string'),
    array('label' => 'Percentage', 'type' => 'number')
);

while ($row = mysqli_fetch_assoc($result)) {
    $temp = array();
    $temp[] = array('v' => (string) $row['weekly_task']);
    $temp[] = array('v' => (int) $row['percentage']);
    $rows[] = array('c' => $temp);
}

$table['rows'] = $rows;
$jsonTable = json_encode($table);

echo $jsonTable;
?>

<html>
<head>
    <!-- Load the Ajax API -->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.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() {

      // Create our data table out of JSON data loaded from server.
      var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);
      var options = {
           title: 'My Weekly Plan',
          is3D: 'true',
          width: 800,
          height: 600
        };
      // Instantiate and draw our chart, passing in some options.
      // Do not forget to check your div ID
      var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
    </script>
</head>
<body>
    <!-- this is the div that will hold the pie chart -->
    <div>

PHP-MySQL-JSON-Google Chart範例：

簡短標籤語法引起的錯誤：

syntax error var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>);

某些使用者可能會在本地或伺服器上遇到此錯誤：

<?php echo $jsonTable; ?>

這表示其環境不支援短標籤。解決方法是改用以下語法：

一切應該都可以正常運作了。

以上是如何使用 PHP、MySQL 和 Google Charts API 產生圖表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php mysql json using 数据库 apache phpMyAdmin

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：`mysql_real_escape_string()` 和 `mysql_escape_string()` 是否足以保護我的應用程式免於 SQL 注入？下一篇：`mysql_real_escape_string()` 和 `mysql_escape_string()` 是否足以保護我的應用程式免於 SQL 注入？

看更多