PHP读取文件生成图表方法详解
时间:2026-02-25 10:30:46 499浏览 收藏
本文系统介绍了PHP读取各类结构化文本文件(如CSV、JSON、INI)并生成可视化图表的五种实用方法:从输出JSON供前端ECharts调用、内联嵌入JSON数据渲染动态图表,到不依赖JavaScript的纯PHP方案——拼接SVG代码生成矢量图、调用GD库绘制PNG位图,再到解析INI配置生成简洁HTML指标卡片;每种方法均配有可运行示例代码和部署要点,兼顾交互性、轻量化、服务端渲染与运维场景,为PHP开发者提供了灵活、低门槛、即插即用的数据可视化落地路径。

如果您拥有一个包含结构化数据的文本文件(如CSV或JSON格式),并希望使用PHP读取其中内容后生成可视化图表,则需要借助PHP的数据解析能力与前端图表库协同工作。以下是实现此目标的具体步骤:
一、使用PHP读取CSV文件并输出JSON格式数据
该方法适用于以逗号分隔的表格型数据,PHP通过fgetcsv函数逐行读取,再将结果组织为数组并编码为JSON,供前端图表库调用。
1、在Web服务器根目录下创建data.csv文件,内容示例如下:
月份,销售额,用户数
1月,12000,85
2月,13500,92
3月,11800,78
2、新建chart_data.php文件,写入以下代码:
$file = 'data.csv';
$data = [];
if (($handle = fopen($file, 'r')) !== FALSE) {
while (($row = fgetcsv($handle, 1000, ',')) !== FALSE) {
if (count($row) >= 3 && $row[0] !== '月份') {
$data[] = ['month' => $row[0], 'sales' => (int)$row[1], 'users' => (int)$row[2]];
}
}
fclose($handle);
}
header('Content-Type: application/json');
echo json_encode($data);
?>
3、确保chart_data.php可被AJAX请求访问,且返回格式为标准JSON数组。
二、使用PHP读取JSON文件并直接嵌入HTML页面
该方法适用于已预先整理好的JSON格式数据文件,PHP通过file_get_contents和json_decode解析内容,并在HTML中以内联脚本方式传递给前端图表库。
1、创建data.json文件,内容示例如下:
[{"month":"1月","sales":12000,"users":85},{"month":"2月","sales":13500,"users":92}]
2、新建chart_page.php,写入以下代码:
$json_content = file_get_contents('data.json');
$chart_data = json_decode($json_content, true);
?>
3、确保data.json与chart_page.php位于同一目录,且Web服务器支持PHP执行。
三、使用PHP生成SVG图表并直接输出
该方法不依赖JavaScript图表库,而是利用PHP字符串拼接生成静态SVG代码,适合轻量级、无交互需求的图表展示。
1、创建svg_chart.php文件,写入以下代码:
$data = [[12000, 85], [13500, 92], [11800, 78]]; // 销售额、用户数
$width = 600;
$height = 400;
$margin = 40;
$barWidth = ($width - 2 * $margin) / count($data);
$maxValue = max(array_column($data, 0));
$scale = ($height - 2 * $margin) / $maxValue;
echo '';
?>
2、访问svg_chart.php即可直接渲染出柱状图SVG图像。
四、使用PHP结合GD库绘制PNG图表
该方法利用PHP内置GD扩展,在服务端生成位图格式图表,适用于需导出图片或规避前端JS依赖的场景。
1、确认PHP已启用GD扩展:运行phpinfo()检查gd项是否启用。
2、创建png_chart.php文件,写入以下代码:
$data = [12000, 13500, 11800];
$width = 600;
$height = 400;
$img = imagecreatetruecolor($width, $height);
$bg = imagecolorallocate($img, 255, 255, 255);
$bar_color = imagecolorallocate($img, 70, 130, 180);
$text_color = imagecolorallocate($img, 0, 0, 0);
imagefilledrectangle($img, 0, 0, $width, $height, $bg);
$max = max($data);
$bar_width = 60;
$gap = 40;
$x_start = 80;
for ($i = 0; $i < count($data); $i++) {
$bar_height = ($data[$i] / $max) * ($height - 100);
$x = $x_start + $i * ($bar_width + $gap);
$y = $height - 50 - $bar_height;
imagefilledrectangle($img, $x, $y, $x + $bar_width, $height - 50, $bar_color);
imagestring($img, 5, $x + 10, $height - 30, ($i+1).'月', $text_color);
imagestring($img, 4, $x + 5, $y - 15, $data[$i], $text_color);
}
header('Content-Type: image/png');
imagepng($img);
imagedestroy($img);
?>
3、访问png_chart.php将直接输出PNG图像流,浏览器自动渲染。
五、使用PHP读取INI配置文件生成指标卡片
该方法适用于非数值密集型统计,如系统状态、配置摘要等,PHP读取INI格式后生成带样式的HTML指标块。
1、创建config.ini文件,内容如下:
[system]
uptime = 142
memory_usage = 68
disk_usage = 42
2、创建dashboard.php文件,写入以下代码:
$ini = parse_ini_file('config.ini', true);
$sys = $ini['system'];
?>
3、确保config.ini与dashboard.php同目录,且PHP有读取权限。
好了,本文到此结束,带大家了解了《PHP读取文件生成图表方法详解》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多文章知识!
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
431 收藏
-
307 收藏
-
329 收藏
-
186 收藏
-
237 收藏
-
384 收藏
-
166 收藏
-
196 收藏
-
341 收藏
-
197 收藏
-
399 收藏
-
347 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习