0

0

PHP如何读取文件并生成图表_利用文件数据创建统计图表方法【教程】

蓮花仙者

蓮花仙者

发布时间:2026-02-15 13:58:02

|

819人浏览过

|

来源于php中文网

原创

php生成可视化图表有五种方法:一、解析csv输出json供前端调用;二、读取json嵌入html配合echarts;三、拼接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);
?>

立即学习PHP免费学习笔记(深入)”;

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);
?>


<a style="color:#f60; text-decoration:underline;" title="统计图表" href="https://www.php.cn/zt/33886.html" target="_blank">统计图表</a>


<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
<script><br>const data = <?php echo json_encode($chart_data); ?>;<br>const chartDom = document.getElementById('chart');<br>const myChart = echarts.init(chartDom);<br>myChart.setOption({<br> tooltip: {},<br> xAxis: { data: data.map(d => d.month) },<br> yAxis: {},<br> series: [{<br> name: '销售额',<br> type: 'bar',<br> data: data.map(d => d.sales)<br> }]<br>});<br></script>

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 '';
echo '';

for ($i = 0; $i   $x = $margin + $i * $barWidth;
  $y = $height - $margin - $data[$i][0] * $scale;
  $barHeight = $data[$i][0] * $scale;
  echo '';
  echo '' . ($i+1) . '月';
}
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   $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有读取权限。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

439

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

544

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

318

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

81

2025.09.10

ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

164

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

166

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

119

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

244

2024.09.24

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

76

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP课程
PHP课程

共137课时 | 11.9万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 11.2万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 0.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号