首頁 >後端開發 >php教程 >如何使用 PHP 和 JSON 從 MySQL 資料建立 Google 圖表？

如何使用 PHP 和 JSON 從 MySQL 資料建立 Google 圖表？

Patricia Arquette原創: 2024-11-23 09:45:44478瀏覽

How can I create Google Charts from MySQL data using PHP and JSON?

使用PHP、MySQL 和JSON 建立Google 圖表- 綜合指南

在本文中，我們將探索使用MySQL 產生Google 圖表的詳細指南表資料作為資料源。我們將主要關註一個非 Ajax 範例來簡化理解。

要求

在開始之前，請確保您具備以下條件先決條件：

PHP
Apach e
MySQL

資料庫設定

建立一個名為「圖表」使用phpMyAdmin。
建立一個名為「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

<html>
  <head>
    <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>
  </head>
  <body>
    <div>

潛在錯誤

使用短標籤(=)🎜>

使用短標籤()時可能會遇到錯誤：

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

要解決此問題，請使用以下語法相反：

<?php echo $jsonTable; ?>

現在，您已經全面了解如何使用 PHP、MySQL 和 JSON 從資料庫資料建立 Google 圖表。

以上是如何使用 PHP 和 JSON 從 MySQL 資料建立 Google 圖表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php mysql json ajax String while Error using number this table database phpMyAdmin

陳述：

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

上一篇：如何使用 PDO 準備語句來改進 MySQL 插入/更新功能？下一篇：如何使用 PDO 準備語句來改進 MySQL 插入/更新功能？

看更多