30 绘制三类图例

本文涉及的产品
Redis 开源版,标准版 2GB
推荐场景:
搭建游戏排行榜
云数据库 Tair(兼容Redis),内存型 2GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
简介: 路老师在知乎上分享了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文件系统

相关文章
|
7月前
LabVIEW当鼠标悬停在图形曲线上时显示坐标
LabVIEW当鼠标悬停在图形曲线上时显示坐标
97 1
|
7月前
|
数据可视化
QChart多个图布局使坐标轴对齐的方法
QChart多个图布局使坐标轴对齐的方法
190 0
|
JSON 数据格式
Echarts分段折线图图例样式visualMap颜色修改
Echarts分段折线图图例样式visualMap颜色修改
221 1
|
7月前
使用分面展示不同组别的双 Y 轴图形
使用分面展示不同组别的双 Y 轴图形
87 0
C# GDI+绘图(四)实现网格绘制,并填充相应的表格内容
C# GDI+绘图(四)实现网格绘制,并填充相应的表格内容
|
C# 图形学
C#绘制自定义小人
C#绘制自定义小人
|
前端开发
Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案
Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案
305 0
ggplot2 | 关于标题,坐标轴和图例的细节修改,你可能想了解
ggplot2 | 关于标题,坐标轴和图例的细节修改,你可能想了解
366 0
|
测试技术
echarts 折线图 多条折线数据相同时展示的图形并没有重合
echarts 折线图 多条折线数据相同时展示的图形并没有重合
echarts 折线图 多条折线数据相同时展示的图形并没有重合
在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。
编写Java程序:在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。