PHP-GD生成柱状图详解
时间:2025-10-14 10:35:52 348浏览 收藏
哈喽!大家好,很高兴又见面了,我是golang学习网的一名作者,今天由我给大家带来一篇《PHP-GD生成柱状图教程》,本文主要会讲到等等知识点,希望大家一起学习进步,也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧!
使用PHP-GD可生成基础柱状图,首先确保GD库启用,通过phpinfo()验证;定义数据与画布尺寸(500×300),设置边距;创建图像资源并分配颜色;绘制X/Y轴,按最大值计算柱高比例(每柱宽60px,间距20px);循环绘制矩形柱,用imagestring添加数值与类别标签;最后输出PNG头,调用imagepng()显示图像并imagedestroy()释放资源。该方法轻量适用于简单后端图表需求。

使用PHP-GD生成柱状图并不复杂,只需要掌握基本的GD库绘图函数即可实现简单的柱状图表。下面介绍如何利用PHP的GD扩展绘制一个基础的柱状图,适合用于展示少量数据的可视化。
启用php-gd扩展
确保你的PHP环境已开启GD库支持。可以在php.ini中检查以下扩展是否启用:
extension=gd保存后重启Web服务器。可通过phpinfo()函数查看GD是否已加载。
准备数据与画布
定义要展示的数据,并创建图像资源。
$data = ['苹果' => 120, '香蕉' => 80, '橙子' => 150, '葡萄' => 100];设置图像宽度、高度和边距:
- 图像宽:500像素
- 图像高:300像素
- 左侧留白:50px(用于Y轴标签)
- 底部留白:40px(用于X轴标签)
使用imagecreate()创建画布并分配颜色。
绘制坐标轴与柱子
先绘制X轴和Y轴线条,再根据最大值计算每个柱子的高度比例。
- 最大值决定Y轴刻度范围
- 每根柱子宽度设为60px,间距20px
- 柱子高度 = (值 / 最大值) * 可用高度
- 从左到右依次绘制矩形柱,并添加文字标签
使用imagestring()在柱子上方写数值,在X轴下方写类别名称。
输出图像并释放资源
设置HTTP头输出PNG图像:
header('Content-Type: image/png');调用imagepng($image)输出图像,最后用imagedestroy($image)释放内存。
基本上就这些。通过控制颜色、字体、间距等细节可以进一步美化图表。虽然不如Chart.js或SVG方案灵活,但在无JS环境或简单后端绘图时,php-gd是个轻量实用的选择。
本篇关于《PHP-GD生成柱状图详解》的介绍就到此结束啦,但是学无止境,想要了解学习更多关于文章的相关知识,请关注golang学习网公众号!
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
175 收藏
-
162 收藏
-
122 收藏
-
345 收藏
-
122 收藏
-
237 收藏
-
437 收藏
-
105 收藏
-
372 收藏
-
204 收藏
-
416 收藏
-
150 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习