PHP MySQL Google Chart JSON - 完整範(fàn)例
隨著技術(shù)格局的發(fā)展，視覺化資料的能力變得越來越重要。 Google Chart 是一種強大的資料視覺化工具。它使開發(fā)人員能夠創(chuàng)建各種圖表，包括餅圖、長條圖和折線圖。然而，將 Google Chart 與 MySQL 資料來源整合可能會帶來挑戰(zhàn)，特別是在使用 PHP 作為程式語言時。
本文提供了使用 PHP 和 MySQL 產(chǎn)生 Google Charts 的全面解決方案。我們將介紹多個範(fàn)例來說明不同PHP 資料存取方法的使用：
範(fàn)例1：PHP-MySQL-JSON-Google Chart（非Ajax）
用法：
- 建立一個名為MySQL資料庫“圖表”。
- 建立一個名為「googlechart」的表，其中包含兩列：「weekly_task」和「百分比」。
- 將範(fàn)例資料插入表中，確?！赴俜直取箼谖话瑑H數(shù)字
程式碼：
$con = mysql_connect("localhost", "Username", "Password") or die("Failed to connect with database!!!!");
mysql_select_db("Database Name", $con);
// The Chart table contains two fields: weekly_task and percentage
// This example will display a pie chart. If you need other charts such as a Bar chart, you will need to modify the code a little to make it work with bar chart and other charts
$sth = mysql_query("SELECT * FROM chart");
/*
---------------------------
example data: Table (Chart)
--------------------------
weekly_task percentage
Sleep 30
Watching Movie 40
work 44
*/
//flag is not needed
$flag = true;
$table = array();
$table['cols'] = array(
// Labels for your chart, these represent the column titles
// Note that one column is in "string" format and another one is in "number" format as pie chart only required "numbers" for calculating percentage and string will be used for column title
array('label' => 'Weekly Task', 'type' => 'string'),
array('label' => 'Percentage', 'type' => 'number')
);
$rows = array();
while($r = mysql_fetch_assoc($sth)) {
$temp = array();
// The following line will be used to slice the Pie chart
$temp[] = array('v' => (string) $r['Weekly_task']);
// Values of each slice
$temp[] = array('v' => (int) $r['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(<?=$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>範(fàn)例2：PHP-PDO-JSON-MySQL-Google Chart
本範(fàn)例使用PHP 資料物件(PDO) 連接資料庫，提供了更大的彈性和
程式碼：
/*
... (code) ...
*/
try {
/* Establish the database connection */
$conn = new PDO("mysql:host=localhost;dbname=$dbname", $username, $password);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
/* Select all the weekly tasks from the table googlechart */
$result = $conn->query('SELECT * FROM googlechart');
/*
---------------------------
example data: Table (googlechart)
--------------------------
weekly_task percentage
Sleep 30
Watching Movie 10
job 40
Exercise 20
*/
$rows = array();
$table = array();
$table['cols'] = array(
// Labels for your chart, these represent the column titles.
/*
Note that one column is in "string" format and another one is in "number" format
as pie chart only required "numbers" for calculating percentage
and string will be used for Slice title
*/
array('label' => 'Weekly Task', 'type' => 'string'),
array('label' => 'Percentage', 'type' => 'number')
);
/* Extract the information from $result */
foreach($result as $r) {
$temp = array();
// The following line will be used to slice the Pie chart
$temp[] = array('v' => (string) $r['weekly_task']);
// Values of each slice
$temp[] = array('v' => (int) $r['percentage']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
// convert data into JSON format
$jsonTable = json_encode($table);
//echo $jsonTable;
} catch(PDOException $e) {
echo 'ERROR: ' . $e->getMessage();
}
?>
範(fàn)例3：PHP-MySQLi-JSON-Google Chart
此範(fàn)例利用MySQLi（MySQL 擴充功能的改進版本）進行資料庫互動。
/*
... (code) ...
*/
/* Establish the database connection */
$mysqli = new mysqli($DB_HOST, $DB_USER, $DB_PASS, $DB_NAME);
if (mysqli_connect_errno()) {
printf("Connect failed: %s\n", mysqli_connect_error());
exit();
}
/* Select all the weekly tasks from the table googlechart */
$result = $mysqli->query('SELECT * FROM googlechart');
/*
---------------------------
example data: Table (googlechart)
--------------------------
Weekly_Task percentage
Sleep 30
Watching Movie 10
job 40
Exercise 20
*/
$rows = array();
$table = array();
$table['cols'] = array(
// Labels for your chart, these represent the column titles.
/*
Note that one column is in "string" format and another one is in "number" format
as pie chart only required "numbers" for calculating percentage
and string will be used for Slice title
*/
array('label' => 'Weekly Task', 'type' => 'string'),
array('label' => 'Percentage', 'type' => 'number')
);
/* Extract the information from $result */
foreach($result as $r) {
$temp = array();
// The following line will be used to slice the Pie chart
$temp[] = array('v' => (string) $r['weekly_task']);
// Values of the each slice
$temp[] = array('v' => (int) $r['percentage']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
// convert data into JSON format
$jsonTable = json_encode($table);
//echo $jsonTable;
以上是如何使用 PHP、MySQL 和 JSON 建立 Google 圖表？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
建立與MySQL Server的安全遠(yuǎn)程連接
Jul 04, 2025 am 01:44 AM
TosecurelyConnectToaremoteMysqlServer，Usesshtunneling，configuremysqlforremoteaccess，setFireWallrules，andConsidersSlencryption 。首先，stardansshtunnelwithssh-l3307：localhost：3306user@remote-Server-server-nandConnectViamySql-h127.0.0.0.0.1-p3307.second，editmys
如何將MySQL bin目錄添加到系統(tǒng)路徑
Jul 01, 2025 am 01:39 AM
要將MySQL的bin目錄添加到系統(tǒng)PATH，需根據(jù)不同操作系統(tǒng)進行配置。 1.Windows系統(tǒng)：找到MySQL安裝目錄下的bin文件夾（默認(rèn)路徑通常為C:\ProgramFiles\MySQL\MySQLServerX.X\bin），右鍵“此電腦”→“屬性”→“高級系統(tǒng)設(shè)置”→“環(huán)境變量”，在“系統(tǒng)變量”中選中Path並編輯，新增MySQLbin路徑，保存後重啟命令提示符並輸入mysql--version驗證；2.macOS和Linux系統(tǒng)：Bash用戶編輯~/.bashrc或~/.bash_
MySQL中的交易隔離級別是多少？默認(rèn)值是哪個？
Jun 23, 2025 pm 03:05 PM
MySQL的默認(rèn)事務(wù)隔離級別是可重複讀（RepeatableRead），它通過MVCC和間隙鎖防止臟讀和不可重複讀，並在大多數(shù)情況下避免幻讀；其他主要級別包括讀未提交（ReadUncommitted），允許臟讀但性能最快，1.讀已提交（ReadCommitted）確保讀取已提交數(shù)據(jù)但可能遇到不可重複讀和幻讀，2.可重複讀（RepeatableRead）默認(rèn)級別，保證事務(wù)內(nèi)多次讀取結(jié)果一致，3.串行化（Serializable）最高級別，通過鎖阻止其他事務(wù)修改數(shù)據(jù)，確保數(shù)據(jù)完整性但犧牲性能；可通過
MySQL WorkBench在哪裡保存連接信息
Jun 26, 2025 am 05:23 AM
MySQLWorkbench將連接信息存儲在系統(tǒng)的配置文件中，具體路徑因操作系統(tǒng)而異：1.Windows系統(tǒng)中位於%APPDATA%\MySQL\Workbench\connections.xml；2.macOS系統(tǒng)中位於~/Library/ApplicationSupport/MySQL/Workbench/connections.xml；3.Linux系統(tǒng)中通常位於~/.mysql/workbench/connections.xml或~/.local/share/data/MySQL/Wor
使用mySQL中的mysqldump執(zhí)行邏輯備份
Jul 06, 2025 am 02:55 AM
mysqldump是用於執(zhí)行MySQL數(shù)據(jù)庫邏輯備份的常用工具，它生成包含CREATE和INSERT語句的SQL文件以重建數(shù)據(jù)庫。 1.它不備份原始文件，而是將數(shù)據(jù)庫結(jié)構(gòu)和內(nèi)容轉(zhuǎn)換為可移植的SQL命令；2.適用於小型數(shù)據(jù)庫或選擇性恢復(fù)，不適合TB級數(shù)據(jù)快速恢復(fù)；3.常用選項包括--single-transaction、--databases、--all-databases、--routines等；4.恢復(fù)時使用mysql命令導(dǎo)入，並可關(guān)閉外鍵檢查以提升速度；5.建議定期測試備份、使用壓縮、自動化調(diào)
分析MySQL緩慢查詢?nèi)照I以查找性能瓶頸
Jul 04, 2025 am 02:46 AM
開啟MySQL慢查詢?nèi)罩静⒎治隹啥ㄎ恍阅軉栴}。1.編輯配置文件或動態(tài)設(shè)置slow_query_log和long_query_time；2.日志包含Query_time、Lock_time、Rows_examined等關(guān)鍵字段，輔助判斷效率瓶頸；3.使用mysqldumpslow或pt-query-digest工具高效分析日志；4.優(yōu)化建議包括添加索引、避免SELECT*、拆分復(fù)雜查詢等。例如為user_id加索引能顯著減少掃描行數(shù)，提升查詢效率。
在MySQL列和查詢中處理零值
Jul 05, 2025 am 02:46 AM
處理MySQL中的NULL值需注意：1.設(shè)計表時關(guān)鍵字段設(shè)為NOTNULL，可選字段允許NULL；2.查詢判斷必須用ISNULL或ISNOTNULL，不能用=或!=；3.可用IFNULL或COALESCE函數(shù)替換顯示默認(rèn)值；4.插入或更新時直接使用NULL值需謹(jǐn)慎，注意數(shù)據(jù)源和ORM框架處理方式。 NULL表示未知值，不等於任何值，包括自身，因此查詢、統(tǒng)計、連接表時要特別小心，避免漏數(shù)據(jù)或邏輯錯誤。合理使用函數(shù)和約束可以有效減少因NULL帶來的干擾。
重置MySQL Server的root密碼
Jul 03, 2025 am 02:32 AM
要重置MySQL的root密碼，請按以下步驟操作：1.停止MySQL服務(wù)器，使用sudosystemctlstopmysql或sudosystemctlstopmysqld；2.以--skip-grant-tables模式啟動MySQL，執(zhí)行sudomysqld--skip-grant-tables&；3.登錄MySQL並根據(jù)版本執(zhí)行相應(yīng)的SQL命令修改密碼，如FLUSHPRIVILEGES;ALTERUSER'root'@'localhost'IDENTIFIEDBY'your_new
