使用jpgraph创建笛卡尔图表源码实例教程-php手册-php.cn

　　在介绍完大部分php jpgraph安装配置教程后，即将开始介绍如何使用jpgraph进行图表的绘制，在之前的jpgraph教程中我已介绍过如何使用jpgraph创建折线图和柱状图实例教程，本教程将会首先介绍两个最常用的图表类型实例笛卡尔图表和饼图中的笛卡尔图表创建实例。本教程将描述所有图表的常用特性并详细介绍典型图表脚本的结构。通过阅读本部分，jpgraph的使用者将会对创建简单图表脚本有一个基本的理解，同时理解核心设置和使用的命名约定是什么。

　　下面的所有jpgraph图表脚本在一定程度上是相同的结构。所有脚本都必须首先创建一个Graph类实例。Graph类代表整个图表，可以通过一系列数据构建一个或多个图（模型）。几乎所有用来控制图表外观的函数都是这个类的。

　　为了感受一下常用的jpgraph对象，我们将展示最常用的图表类型实例，笛卡尔图表。

　　笛卡尔图表常用的对象（X，Y图）

使用jpgraph绘制笛卡尔图表说明

　　上图基本上说明了绘制图表时所用的函数代表的含义，下面我们可以参考下使用jpgraph绘制图表的代码。

　　jpgraph类库文档约定所有Graph类实例都存储在一个命名为$graph的变量中。为了说明一些常用的实例变量，下图显示了脚本中一个基本的图表所操纵的对象。

整个代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

require_once ("jpgraph/jpgraph.php");
require_once ("jpgraph/jpgraph_line.php");

$ydata = array(11,3,8,12,5,1,9,13,5,7);
$y2data = array(354,200,265,99,111,91,198,225,293,251);

// 创建图表并制定X、Y轴的刻度种类
$width=550;$height=400;
$graph = new Graph(550,400);
$graph->SetScale("textlin");
$graph->SetY2Scale("lin");
$graph->SetShadow();

// 调整图形留白的尺寸
$graph->SetMargin(50,150,60,80);

// 创建两个线性图形
$lineplot=new LinePlot($ydata);
$lineplot2=new LinePlot($y2data);

// 将图形添加到图表中
$graph->Add($lineplot);
$graph->AddY2($lineplot2);
$lineplot2->SetColor("orange");
$lineplot2->SetWeight(2);

// 调整轴的颜色
$graph->y2axis->SetColor("darkred");
$graph->yaxis->SetColor("blue");

$graph->title->SetFont(FF_ARIAL, FS_BOLD, 14);
$graph->title->Set("Using JpGraph Library");
$graph->title->SetMargin(10);

$graph->subtitle->SetFont(FF_ARIAL, FS_BOLD, 10);
$graph->subtitle->Set("(common objects)");

$graph->xaxis->title->SetFont(FF_ARIAL, FS_BOLD, 10);
$graph->xaxis->title->Set("X-title");
$graph->yaxis->title->SetFont(FF_ARIAL, FS_BOLD, 10);
$graph->yaxis->title->Set("Y-title");

// 设置模型的颜色
$lineplot->SetColor("blue");
$lineplot->SetWeight(2);
$lineplot2->SetColor("darkred");
$lineplot2->SetWeight(2);

// 设置模型的文本说明
$lineplot->SetLegend("Plot 1");
$lineplot2->SetLegend("Plot 2");

// 调整其位置
$graph->legend->SetPos(0.05,0.5,"right","center");

// 显示图表
$graph->Stroke();
?>