30 绘制三类图例

简介: 路老师在知乎上分享了PHP语言的知识,旨在帮助大家入门并深入理解PHP。本文介绍了如何使用JpGraph库创建柱形图、折线图和3D饼图,包括详细的代码示例和步骤说明。

有胆量你就来跟着路老师卷起来! -- 纯干货,技术知识分享

路老师给大家分享PHP语言的知识了,旨在想让大家入门PHP,并深入了解PHP语言。

image.gif 编辑


上篇文章简单的实现了JpGraph的使用,本文我们来设计柱形图、折线图、3D饼图的制作案例。

1 柱形图

柱形图在web网站中应用非常广泛,它可以直观地显示数据信息,接下来我们制作柱形图案例,制作步骤如下:

1.1 使用require_once语句引用jpgraph.php文件

1.2 采用柱形图进行统计分析,需要创建BarPlot对象实例,此时需要引入jpgraph_bar.php文件。

1.3 创建Graph对象,生成一个850x600像素大小的画布,设置xy轴。

1.4 创建一个矩形对象BarPlot,设置颜色等参数。

1.5 绘制的柱形图添加到画布。

1.6 添加标题

1.7 输出图像。

<?php
  //必要引用文件
  require_once('./jpgraph/jpgraph.php');
  //包含柱状图文件
  require_once('./jpgraph/jpgraph_bar.php');
  $graph = new Graph(850,600,'auto');
  //设置刻度类型,x轴刻度为文本标注的直线刻度,Y轴为直线刻度
  $graph->SetScale("textlin");
  //设置x轴数据
  $graph->xaxis->SetTickLabels(array('1月','2月','3月','4月',
  '5月','6月','7月','8月','9月','10月','11月','12月'));
  $datay = array(220,300,302,331,400,350,290,330,250,420,250,300);
  $blplot = new BarPlot($datay);
  $graph->Add($blplot);
  $blplot->SetColor("white");
  $blplot->SetFillGradient("#C20042","white",GRAD_LEFT_REFLECTION);
  $blplot->SetWidth(35);
  //柱形图上显示数据
  $blplot->value->show();
  //设置标题字体样式
  $graph->title->SetFont(FF_SIMSUN,FS_BOLD,15);
  $graph->title->Set(iconv('UTF-8','GB2312','xx课程销售情况'));
  $graph->Stroke();
?>

image.gif

注意: $blplot->value->show();是在柱形图上每个柱子上显示数据的操作。

image.gif 编辑

2 折线图

折线图一般应用在某个阶段或者线性数据上的某个参数变化,比如商品的价格随着时间的走势,股票的一段时间的涨跌等。

本实例实现的是统计六个月内三类图书的销售量,创建折线图的步骤如下:

2.1 使用require_once语句引用jpgraph_line.php。

2.2 采用折现图进行统计分析,需要创建LinePlot对象,而LinePlot类在jpgraph_line.php中。

2.3 创建Graph对象,生成一个画布,设置xy轴。

2.4 创建三个LinePlot,设置折现颜色和图例名称。

2.5 将绘制的三条折线图添加到画布中。

2.6 输出图像。

完整代码如下:

<?php
  //必要引用文件
  require_once('./jpgraph/jpgraph.php');
  //包含柱状图文件
  require_once('./jpgraph/jpgraph_line.php');
  $graph = new Graph(850,600,'auto');
  //设置刻度类型,x轴刻度为文本标注的直线刻度,Y轴为直线刻度
  $graph->SetScale("textlin");
  $graph->SetShadow();
  //设置图像边距  左50 右50 上50 下120
  $graph->img->SetMargin(50,50,50,120); 
  //设置字体
  $graph->title->SetFont(FF_SIMSUN,FS_BOLD,15);
  //设置标题
  $graph->title->Set(iconv('UTF-8','GB2312','PHP类图书上半年销售情况'));
  //设置x轴数据
  $graph->xaxis->SetTickLabels(array('1月','2月','3月','4月','5月','6月'));
  //设置y轴数据不显示0
  $graph->yaxis->HideZeroLabel();
  $graph->xgrid->SetColor('#E3E3E3');
  //显示x轴交叉线
  $graph->xgrid->Show();
  //设置y轴数据
  $data1 = array(220,300,302,331,400,350);
  $data2 = array(290,330,250,420,250,300);
  $data3 = array(210,430,350,220,270,190);
  
  //创建第一条线
  $p1 = new LinePlot($data1);
  $graph->Add($p1);
  $p1->SetColor("#6495ED");
  $p1->SetLegend("PHP入门");
  //在折线上显示数据
  $p1->value->Show();
  //创建第二条线
  $p2 = new LinePlot($data2);
  $graph->Add($p2);
  $p2->SetColor("#B33333");
  $p2->SetLegend("PHP基础教程");
  //创建第三条线
  $p3 = new LinePlot($data3);
  $graph->Add($p3);
  $p3->SetColor("#FF1493");
  $p3->SetLegend("PHP高级课程");
  
  $graph->legend->SetFrameWeight(1);
  $graph->Stroke();
?>

image.gif

image.gif 编辑

3 3D饼图

使用饼图可以清晰的表现出不同类别的数据所占的比重。

本案例是统计商店里的各个商品的年销售额比例,其代码如下:

<?php
  //必要引用文件
   require_once('./jpgraph/jpgraph.php');
  //包含柱状图文件
  require_once('./jpgraph/jpgraph_pie.php');
  require_once('./jpgraph/jpgraph_pie3d.php');
  $graph = new PieGraph(800,600);
  //设置字体
  $graph->title->SetFont(FF_SIMSUN,FS_BOLD,15);
  //设置标题
  $graph->title->Set(iconv('UTF-8','GB2312','青青商店-上半年商品销售情况'));
  $data = array(69,78,88,59,64);
  //创建饼图对象实例
  $pieplot = new PiePlot3D($data);
  $pieplot->SetCenter(0.5,0.5);
  $department = array('数码','家电','日用','服装','食品');
  //处理数组中文乱码
  foreach($department as $key=>$value) {
    $department[$key]=iconv("UTF-8", "gb2312", $value);
  }
  //设置图例
  $pieplot->SetLegends($department);
  $graph->legend->SetFont(FF_SIMSUN,FS_BOLD,15);
  $graph->legend->SetLayout(LEGEND_HOR);
  $graph->legend->Pos(0.5, 0.98, 'center','bottom');
  $graph->Add($pieplot);
  $graph->Stroke();
  
 
 ?>

image.gif

image.gif 编辑

下一篇 PHP文件系统

相关文章
|
存储 数据库 Python
怎么解决字符乱码的问题
怎么解决字符乱码的问题
2177 0
|
JavaScript 安全 测试技术
“vueuse“ 中文索引与用例
“vueuse“ 中文索引与用例
770 0
|
4月前
|
缓存 安全 Windows
电脑开关机、运行卡顿! 科学清理 C 盘释放存储空间实用妙招!
电脑C盘爆红、卡顿、软件闪退?本文提供一套安全、高效、可长期维护的C盘清理流程,从基础清理到系统优化,再到专业工具深度处理,新手也能轻松上手,一次性释放大量空间,让电脑重回流畅状态
|
5月前
|
人工智能 缓存 前端开发
Day4-5:Web 双端适配与 Admin 系统全栈落地实录
本文档整合了 Day 4 与 Day 5 的开发进展,核心涵盖 Web 端响应式 UI 复现、云端资讯 API 接入,以及 Admin 管理系统的架构设计与模块化开发步骤,打通了从用户体验到后台管理的完整链路。
|
8月前
|
运维 监控 数据可视化
面向 2026:全景式视图巡检工具的技术前瞻与高阶进阶攻略
全景式视图巡检工具以数字孪生与全栈指标下钻为核心,打造3D/2D沉浸式全景视图,实现跨云、跨机房、跨应用的统一监控与一键下钻。支持动态策略、多端协同、智能告警与开放接入,助力中大型企业破除告警碎片化、视觉盲点与响应迟滞痛点,让运维“全局可感知、细节可追溯”。(239字)
|
9月前
|
存储 人工智能 缓存
别再把大脑当成 /dev/null 了!用这套AI指令给记忆装个 "Redis 缓存层"
本文将大脑记忆比作数据库存储,指出传统记忆的"无索引"缺陷。通过一套"记忆架构师AI指令",利用数据预处理、建立索引和持久化策略(遗忘曲线),帮助开发者构建高效、稳固的知识记忆系统,实现认知的"架构升级"。
844 4
|
人工智能 自然语言处理 监控
大模型不是一次性产品:为什么你的AI需要定期“保养”?
大模型需持续微调,因应领域变化、用户需求升级、数据演进、合规更新等六大驱动力。静态模型易落伍,唯有通过周期迭代、反馈闭环与分层策略,才能保持AI的准确性、安全与竞争力。持续优化非选择,而是必然。
大模型不是一次性产品:为什么你的AI需要定期“保养”?
|
Java 数据库 Spring
如何使用 SpringBoot 实现动态增删启停定时任务?
我是小假 期待与你的下一次相遇 ~
587 5
|
存储 缓存 安全
Java 集合篇面试题全面总结及答案解析
本文总结了Java集合框架的核心概念、常见集合类的特性与应用场景,以及开发中可能遇到的问题与解决方案。内容涵盖集合框架的基础接口(如Collection、Set、List、Map)、泛型的优点、线程安全集合类(如ConcurrentHashMap、CopyOnWriteArrayList)、常见集合类的区别(如ArrayList与LinkedList、HashMap与HashTable)等。此外,还详细介绍了如何实现LRU缓存、FIFO队列、优先级队列及栈等数据结构,并提供了相关代码示例。通过本文,读者可以全面掌握Java集合相关的面试知识点及其实际应用技巧。
595 2
|
供应链 API 区块链
从库存周转率提升30%看京东API如何重构供应链效率
京东API分类全景图展示了其从商品管理到生态协同的技术中台架构,涵盖商品、交易、供应链及家政服务等多维度接口,助力电商数字化转型。