PHP数据展示之JpGraph类库

1. JpGraph的介绍

1) jpgraph是一种专门用于绘制统计图的运行库,使用jpgraph创建统计图时,只需要给出相应的数据,就能设置统计图标题和统计图类型即可.

2) jpgraph是一种面向对象的图像绘制库,既有GD2函数库,对其中函数进行封装,得到了几个用于生成统计图的函数

3) 可以生成X-Y坐标图,X-Y-Y坐标图,柱形图,饼图,3D饼图等统计图,并会自动生成坐标轴,坐标轴刻度,图例等信息,帮助我们快速生成所需样式.

 

2. JpGraph类库基本使用

2-1JpGraph类库的安装和配置

下载地址:https://jpgraph.net/download/

只需要解压文件拷贝src文件到项目文件夹即可使用

注意:需要GD库支持

 

2-2JpGraph类库的实例

2-2-1创建X-Y坐标图

//引入相关文件
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph.php';
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph_line.php';
//创建画布
$graph = new Graph(600,400);
/*
 * 设置横纵坐标刻度样式
 * lin 直线
 * text 文本
 * int 整数
 * log 对数
 * 使用方法:
 * X+Y形式:textint
 */
$aAxisType = 'textint';
$graph->SetScale($aAxisType);
//设置统计图的标题
$graph->title->Set('this is a test');
//模拟数据
$data = array(0=>17,1=>20,2=>30,3=>40,4=>50,5=>30,6=>25,7=>54,8=>29,9=>13,10=>37,11=>16);
//得到linePlot对象
$linePlot=new LinePlot($data);
//设置图例
$linePlot->SetLegend('tuli');
//将统计图添加到画布上
$graph->Add($linePlot);
//输出画布
$graph->Stroke();

 

 

2-2-2设置统计图颜色

//设置图例
$linePlot->SetLegend('tuli');
//将统计图添加到画布上
$graph->Add($linePlot);
//设置统计图的颜色,一定要在添加画布之后才设置,否则无效
$linePlot->SetColor('red');
//输出画布
$graph->Stroke();

 

 

2-2-3输出和保存画布

//设置图例
$linePlot->SetLegend('tuli');
//将统计图添加到画布上
$graph->Add($linePlot);
//设置统计图的颜色,一定要在添加画布之后才设置,否则无效
$linePlot->SetColor('red');
//输出画布
//$graph->Stroke();
//保存为图片
$graph->Stroke('./test.png');

3. 解决中文乱码问题

//引入相关文件
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph.php';
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph_line.php';
//创建画布
$graph = new Graph(600,400);
/*
 * 设置横纵坐标刻度样式
 * lin 直线
 * text 文本
 * int 整数
 * log 对数
 * 使用方法:
 * X+Y形式:textint
 */
$aAxisType = 'textint';
$graph->SetScale($aAxisType);
//设置统计图的标题
$graph->title->Set('这是一张统计图');
//模拟数据
$data = array(0=>17,1=>20,2=>30,3=>40,4=>50,5=>30,6=>25,7=>54,8=>29,9=>13,10=>37,11=>16);
//得到linePlot对象
$linePlot=new LinePlot($data);
//设置图例
$linePlot->SetLegend('统计图图例');
//将统计图添加到画布上
$graph->Add($linePlot);
//设置统计图的颜色,一定要在添加画布之后才设置,否则无效
$linePlot->SetColor('red');
//输出画布
$graph->Stroke();

 

要进行配置

支持标题中文,找到jpgraph_ttf.inc.php,修改配置如下:

支持图例名称中文,修改配置如下:

4. 图文代码实战

4.1创建X-Y-Y坐标图(折线坐标图)

/**
 * Created by PhpStorm.
 * User: King
 * Date: 2019/7/13
 * Time: 23:36
 */
//引入类库
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph.php';
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph_line.php';
$data=array(0=>-21,1=>-3,2=>12,3=>19,4=>23,5=>29,6=>30,7=>22,8=>26,9=>18,10=>5,11=>-10);//第一条数据
$data2y=array(0=>3,1=>12,2=>18,3=>30,4=>28,5=>33,6=>43,7=>39,8=>36,9=>29,10=>15,11=>10);//第二条数据
//得到Graph对象
$graph=new Graph(400,400);
//设置X和Y轴样式及Y轴的最大值最小值
$graph->SetScale("textint",-30,50);
//设置右侧Y轴样式及其最大值最小值
$graph->SetY2Scale("int",-30,50);
//设置图像样式，加入阴影
$graph->SetShadow();
//设置图像边界范围
$graph->img->setMargin(40,30,50,70);
//设置标题
$graph->title->Set("this is a test X-Y-Y");
//得到曲线实例
$linePlot=new LinePlot($data);
//得到第二条曲线
$linePlot2y=new LinePlot($data2y);
//将曲线加入到图像中
$graph->Add($linePlot);
$graph->Add($linePlot2y);
//设置三个坐标轴名称
$graph->xaxis->title->Set("Month");
$graph->yaxis->title->Set("beijing");
$graph->y2axis->title->Set("ShangHai");
//设置两条曲线的颜色
$linePlot->SetColor('red');
$linePlot2y->SetColor('black');
//设置两条曲线的图例
$linePlot->SetLegend("Beijing");
$linePlot2y->SetLegend("Shanghai");
//设置图例样式
$graph->legend->setlayout(LEGEND_HOR);
$graph->legend->Pos(0.45,0.9,"center","bottom");
//将图像输出到浏览器
$graph->Stroke();

 

4.2创建柱形图

/**
 * Created by PhpStorm.
 * User: King
 * Date: 2019/7/13
 * Time: 23:42
 */
//引入类库
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph.php';
require_once '../jpgraph/jpgraph-4.2.7/src/jpgraph_bar.php';
//柱形图模拟数据
$data=array(0=>-21,1=>-3,2=>12,3=>19,4=>23,5=>29,6=>30,7=>22,8=>26,9=>18,10=>5,11=>-10);
//创建背景图
$graph=new Graph(400,300);
//设置刻度样式
$graph->SetScale("textlin");
//设置边界范围
$graph->img->SetMargin(30,30,80,30);
//设置标题
$graph->title->Set("BarPlot test");
//得到柱形图对象
$barPlot=new BarPlot($data);
//设置柱形图图例
$barPlot->SetLegend("beijing");
//显示柱形图代表数据的值
$barPlot->value->show();
//将柱形图加入到背景图
$graph->Add($barPlot);
//设置柱形图填充颜色
$barPlot->setfillcolor('yellow');
//设置边框颜色
$barPlot->SetColor('red');
//将柱形图输出到浏览器
$graph->Stroke();

 

4.3创建饼图

/**
 * Created by PhpStorm.
 * User: King
 * Date: 2019/7/13
 * Time: 23:45
 */
require_once "../jpgraph/jpgraph-4.2.7/src/jpgraph.php";
require_once "../jpgraph/jpgraph-4.2.7/src/jpgraph_pie.php";
//模拟数据
$data=array(0=>3.5,1=>4.6,2=>9.1,3=>21.9,4=>42.3,5=>90.7,6=>183.5,7=>127.5,8=>61.4,9=>33.5,10=>11.5,11=>4.4);
//创建画布
$graph=new PieGraph(800,500);
//设置图像边界范围
$graph->img->SetMargin(30,30,80,30);
//设置标题
$graph->title->Set("PiePlot Test");
//得到饼图对象
$piePlot=new PiePlot($data);
//设置图例
$piePlot->SetLegends(array(1,2,3,4,5,6,7,8,9,10,11,12));
//设置图例位置
$graph->legend->Pos(0.01,0.45,"left","top");
//添加到画布中
$graph->Add($piePlot);
//输出
$graph->Stroke();

 

4.4创建3D饼图()

/**
 * Created by PhpStorm.
 * User: King
 * Date: 2019/7/13
 * Time: 23:45
 */
require_once "../jpgraph/jpgraph-4.2.7/src/jpgraph.php";
require_once "../jpgraph/jpgraph-4.2.7/src/jpgraph_pie.php";
require_once "../jpgraph/jpgraph-4.2.7/src/jpgraph_pie3d.php";
//模拟数据
$data=array(0=>3.5,1=>4.6,2=>9.1,3=>21.9,4=>42.3,5=>90.7,6=>183.5,7=>127.5,8=>61.4,9=>33.5,10=>11.5,11=>4.4);
//创建画布
$graph=new PieGraph(800,500);
//设置图像边界范围
$graph->img->SetMargin(30,30,80,30);
//设置标题
$graph->title->Set("PiePlot Test");
//得到饼图对象
$piePlot3d=new PiePlot3D($data);
//设置图例
//$piePlot->SetLegends(array(1,2,3,4,5,6,7,8,9,10,11,12));
//设置图例
$piePlot3d->SetLegends(array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"));
//设置图例位置
$graph->legend->Pos(0.01,0.45,"left","top");
//添加到画布中
//$graph->Add($piePlot);
$graph->Add($piePlot3d);
//输出
$graph->Stroke();