背景知识
JpGraph:以前用PHP作图时必须要掌握复杂抽象的画图函数,或者借助一些网上下载的花柱形图、饼形图的类来实现。没有一个统一的chart类来实现图表的快速开发。
现在我们有了一个新的选择:JpGraph。专门提供图表的类库。它使得作图变成了一件非常简单的事情,你只需从数据库中取出相关数据,定义标题,图表类型,然后的事情就交给JpGraph,只需掌握为数不多的JpGraph内置函数(可以参照JpGraph附带例子学习),就可以画出非常炫目的图表!
一、 JpGraph安装方法:
1、先到http://www.aditus.nu/jpgraph/下载最新的版本。
2、确保你的PHP版本最低为4.04(最好是4.1.1),并且支持GD库。必须确保GD库可以正常运行,可以通过运行phpinfo()来查看GD库的信息是否存在的方法来判断。同时要有要求GD库的版本应为2.0,而不是1.0。
3、将下载的JpGraph压缩包解压到任意文件夹。
4、设置jpgraph.php(jpgraph的主配置文件)。设置jpgraph的cache(缓存)文件夹,和TTF(字体)文件夹。
分别在35行和38行
35 // DEFINE("CACHE_DIR","/tmp/jpgraph_cache/");
38 // DEFINE("TTF_DIR","/usr/X11R6/lib/X11/fonts/truetype/");
Linux系统改为:
DEFINE("CACHE_DIR","/tmp/jpgraph_cache/");'
DEFINE("TTF_DIR","/usr/X11R6/lib/X11/fonts/truetype/");
Windows系统改为:
DEFINE("CACHE_DIR","c:/apache/htdocs/ jpgraph_cache/");'
DEFINE("TTF_DIR","c:/windows/fonts");
注意事项:
(1)cache(缓存)文件夹路径可以自己定义,而TTF(字体)文件夹必须是%system%/Fonts。
(2)确保PHP对cache(缓存)文件夹有写的权限。
5、完成上述设置后就可以使用JpGraph了,可以先将JpGraph的例子copy到htdocs文件夹中,运行一下看看。呵呵,200多个例子,包含各类图表,够学一阵子的。
在实际使用中,如果还有一些不懂或者不太明白地方,可以参考PHP100中文发布的 PHP100视频教程85:PHP 图表类 JPGraph 入门配置与应用
从数据库中读取数据到jpgraph图表中
1、将./src/Examples目录中的文件example16.2.php以及./src目录中的文件jpgraph_bar.php、jpgraph_gradient.php、jpgraph_line.php、jpgraph_plotmark.inc、jpgraph.php拷贝到同一目录下。
2、建立数据库jpg,数据库表test
建立2个字段:
id(主键):int
number:int
并添加一些数据
3、修改example16.2.php
修改后的代码
- include ("jpgraph.php");
- include ("jpgraph_line.php");
- include ("jpgraph_bar.php");
- $connect=mysql_connect("localhost","root","");
- mysql_select_db("jpg",$connect);
- $query=mysql_query("select * from test",$connect);
- $i=0;
- while ($array=mysql_fetch_array($query)) {
- $l2datay[$i]=$array["number"];
- $i++;
- }
- mysql_close($connect);
-
- $graph = new Graph(400,200,"auto");
- $graph->SetScale("textlin");
- $graph->img->SetMargin(40,130,20,40);
- $graph->SetShadow();
-
- $bplot = new BarPlot($l2datay);
- $bplot->SetFillColor("orange");
- $bplot->SetLegend("Result");
-
- $graph->Add($bplot);
- $graph->title->Set("Adding a line plot to a bar graph v1");
- $graph->xaxis->title->Set("X-title");
- $graph->yaxis->title->Set("Y-title");
- $graph->title->SetFont(FF_FONT1,FS_BOLD);
- $graph->yaxis->title->SetFont(FF_FONT1,FS_BOLD);
- $graph->xaxis->title->SetFont(FF_FONT1,FS_BOLD);
-
-
-
- $graph->Stroke();
- ?>
4、刷新页面即可看到结果