如何使用 PHP、MySQL 和 JSON 生成 Google 图表（饼图、条形图、柱形图和表格）？
PHP MySQL Google Chart JSON - 完整范例
使用 MySQL 资料表资料作为资料来源来产生 Google Chart，我找了很多范例。我找了几天，发现网路上很少有使用 PHP 和 MySQL 的范例来产生 Google Chart (圆饼图、长条图、直条图、表格)。我最后终于找到一个范例可以执行。
我之前已经从 StackOverflow 获得了很多帮助，所以我这次也要回馈。
我有两个范例，一个使用 Ajax 一个则没有。今天，我只会展示非 Ajax 的范例。
使用方式：
- 需求：PHP、Apache 及MySQL
-
安装：
- 使用phpMyAdmin 建立一个资料库，并将其命名为"chart"
- 使用phpMyAdmin 建立一个表格，并将其命名为"googlechart"，并确保它只有两栏，因为我使用了两栏。不过，如果你想用更多栏，也可以按照指示对程式码做些微的修改
- 指定栏位名称如下："weekly_task" 和"percentage"
- 在表格中插入一些资料，栏位"_percentage_" 中只能使用数字
PHP-MySQL-JSON-Google Chart 的范例：
<?php
$con=mysql_connect("localhost","Username","Password") or die("Failed to connect with database!!!!");
mysql_select_db("資料庫名稱", $con);
// Google Chart 表格包含兩個欄位，分別是 weekly_task 和 percentage
// 這個範例將顯示一個圓餅圖，如果你需要其他的圖表例如長條圖，你必須對程式碼做一些微幅的調整，才能與長條圖或其他圖表搭配
$sth = mysql_query("SELECT * FROM chart");
/*
---------------------------
範例資料：表格 (Chart)
--------------------------
weekly_task percentage
Sleep 30
Watching Movie 40
work 44
*/
// flag 不需要
$flag = true;
$table = array();
$table['cols'] = array(
// 圖表的標籤，代表欄位標題
// 注意，一個欄位使用 "string" 格式，另一個使用 "number" 格式，因為圓餅圖只使用 "數字" 來計算百分比，字串則用於欄位標題
array('label' => 'Weekly Task', 'type' => 'string'),
array('label' => 'Percentage', 'type' => 'number')
);
$rows = array();
while($r = mysql_fetch_assoc($sth)) {
$temp = array();
// 下列程式碼用於分割圓餅圖
$temp[] = array('v' => (string) $r['Weekly_task']);
// 每一個分塊的值
$temp[] = array('v' => (int) $r['percentage']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
$jsonTable = json_encode($table);
//echo $jsonTable;
?>
<html>
<head>
<!--載入 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">
// 載入視覺化 API 及圓餅圖套件。
google.load('visualization', '1', {'packages':['corechart']});
// 設定一個 callback 在 Google Visualization API 載入時執行。
google.setOnLoadCallback(drawChart);
function drawChart() {
// 從伺服器載入的 JSON 資料中，建立我們的資料表格。
var data = new google.visualization.DataTable(<?=$jsonTable?>);
var options = {
title: '我的每週計畫',
is3D: 'true',
width: 800,
height: 600
};
// 使用部分選項，實例化並繪製我們的圖表。
// 別忘了檢查你的 div ID
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<!--這是會放置圓餅圖的 div-->
<div>PHP-PDO-JSON-MySQL-Google Chart 的范例：
<?php
/*
指令碼 : PHP-PDO-JSON-mysql-googlechart
作者 : Enam Hossain
版本 : 1.0
*/
/*
--------------------------------------------------------------------
使用方式：
--------------------------------------------------------------------
需求：PHP、Apache 及 MySQL
安裝：
--- 使用 phpMyAdmin 建立一個資料庫，並將其命名為 "chart"
--- 使用 phpMyAdmin 建立一個表格，並將其命名為 "googlechart"，並確保它只有兩欄，因為我使用了兩欄。不過，如果你想用更多欄，也可以按照指示對程式碼做些微的修改
--- 指定欄位名稱如下："weekly_task" 和 "percentage"
--- 在表格中插入一些資料
--- _percentage_ 欄位只能使用數字
---------------------------------
範例資料：表格 (googlechart)
---------------------------------
weekly_task percentage
----------- ----------
Sleep 30
Watching Movie 10
job 40
Exercise 20
*/
/* 資料庫名稱 */
$dbname = 'chart';
/* 資料庫使用者名稱與密碼 */
$username = 'root';
$password = '123456';
try {
/* 建立資料庫連線 */
$conn = new PDO("mysql:host=localhost;dbname=$dbname", $username, $password);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
/* 從 googlechart 表格中選出所有 weekly tasks */
$result = $conn->query('SELECT * FROM googlechart');
/*
---------------------------
範例資料：表格 (googlechart)
--------------------------
weekly_task percentage
Sleep 30
Watching Movie 10
job 40
Exercise 20
*/
$rows = array();
$table = array();
$table['cols'] = array(
// 圖表的標籤，代表欄位標題。
/*
注意，一個欄位使用 "string" 格式，另一個使用 "number" 格式，因為圓餅圖只使用 "數字" 來計算百分比，字串則用於分塊標題
*/
array('label' => 'Weekly Task', 'type' => 'string'),
array('label' => 'Percentage', 'type' => 'number')
);
/* 抽取 $result 中的資訊 */
foreach($result as $r) {
$temp = array();
// 下列程式碼用於分割圓餅圖
$temp[] = array('v' => (string) $r['weekly_task']);
// 每一個分塊的值
$temp[] = array('v' => (int) $r['percentage']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
// 將資料轉換成 JSON 格式
$jsonTable = json_encode($table);
//echo $jsonTable;
} catch(PDOException $e) {
echo '錯誤：' . $e->getMessage();
}
?>
<html>
<head>
<!--載入 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">
// 載入視覺化 API 及圓餅圖套件。
google.load('visualization', '1', {'packages':['corechart']});
// 設定一個 callback 在 Google Visualization API 載入時執行。
google.setOnLoadCallback(drawChart);
function drawChart() {
// 從伺服器載入的 JSON 資料中，建立我們的資料表格。
var data = new google.visualization.DataTable(<?=$jsonTable?>);
var options = {
title: '我的每週計畫',
is3D: 'true',
width: 800,以上是如何使用 PHP、MySQL 和 JSON 生成 Google 图表（饼图、条形图、柱形图和表格）？的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
在PHP API中说明JSON Web令牌（JWT）及其用例。
Apr 05, 2025 am 12:04 AM
JWT是一种基于JSON的开放标准，用于在各方之间安全地传输信息，主要用于身份验证和信息交换。1.JWT由Header、Payload和Signature三部分组成。2.JWT的工作原理包括生成JWT、验证JWT和解析Payload三个步骤。3.在PHP中使用JWT进行身份验证时，可以生成和验证JWT，并在高级用法中包含用户角色和权限信息。4.常见错误包括签名验证失败、令牌过期和Payload过大，调试技巧包括使用调试工具和日志记录。5.性能优化和最佳实践包括使用合适的签名算法、合理设置有效期、
会话如何劫持工作，如何在PHP中减轻它？
Apr 06, 2025 am 12:02 AM
会话劫持可以通过以下步骤实现：1.获取会话ID，2.使用会话ID，3.保持会话活跃。在PHP中防范会话劫持的方法包括：1.使用session_regenerate_id()函数重新生成会话ID，2.通过数据库存储会话数据，3.确保所有会话数据通过HTTPS传输。
PHP 8.1中的枚举（枚举）是什么？
Apr 03, 2025 am 12:05 AM
PHP8.1中的枚举功能通过定义命名常量增强了代码的清晰度和类型安全性。1)枚举可以是整数、字符串或对象，提高了代码可读性和类型安全性。2)枚举基于类，支持面向对象特性，如遍历和反射。3)枚举可用于比较和赋值，确保类型安全。4)枚举支持添加方法，实现复杂逻辑。5)严格类型检查和错误处理可避免常见错误。6)枚举减少魔法值，提升可维护性，但需注意性能优化。
描述扎实的原则及其如何应用于PHP的开发。
Apr 03, 2025 am 12:04 AM
SOLID原则在PHP开发中的应用包括：1.单一职责原则（SRP）：每个类只负责一个功能。2.开闭原则（OCP）：通过扩展而非修改实现变化。3.里氏替换原则（LSP）：子类可替换基类而不影响程序正确性。4.接口隔离原则（ISP）：使用细粒度接口避免依赖不使用的方法。5.依赖倒置原则（DIP）：高低层次模块都依赖于抽象，通过依赖注入实现。
解释PHP中的晚期静态绑定（静态：:)。
Apr 03, 2025 am 12:04 AM
静态绑定（static::）在PHP中实现晚期静态绑定（LSB），允许在静态上下文中引用调用类而非定义类。1）解析过程在运行时进行，2）在继承关系中向上查找调用类，3）可能带来性能开销。
什么是REST API设计原理？
Apr 04, 2025 am 12:01 AM
RESTAPI设计原则包括资源定义、URI设计、HTTP方法使用、状态码使用、版本控制和HATEOAS。1.资源应使用名词表示并保持层次结构。2.HTTP方法应符合其语义，如GET用于获取资源。3.状态码应正确使用，如404表示资源不存在。4.版本控制可通过URI或头部实现。5.HATEOAS通过响应中的链接引导客户端操作。
您如何在PHP中有效处理异常（尝试，捕捉，最后，投掷）？
Apr 05, 2025 am 12:03 AM
在PHP中，异常处理通过try,catch,finally,和throw关键字实现。1)try块包围可能抛出异常的代码；2)catch块处理异常；3)finally块确保代码始终执行；4)throw用于手动抛出异常。这些机制帮助提升代码的健壮性和可维护性。
PHP中的匿名类是什么？您何时可以使用它们？
Apr 04, 2025 am 12:02 AM
匿名类在PHP中的主要作用是创建一次性使用的对象。1.匿名类允许在代码中直接定义没有名字的类，适用于临时需求。2.它们可以继承类或实现接口，增加灵活性。3.使用时需注意性能和代码可读性，避免重复定义相同的匿名类。
