JpGraph简介
以前用PHP作图时必须要掌握复杂抽象的画图函数,或者借助一些网上下载的花柱形图、饼形图的类来实现。没有一个统一的chart类来实现图表的快速开发。 现在我们有了一个新的选择:JpGraph。专门提供图表的类库。它使得作图变成了一件非常简单的事情,你只需从数据库中取出相关数据,定义标题,图表类型,然后的事情就交给JpGraph,只需掌握为数不多的JpGraph内置函数(可以参照JpGraph附带例子学习),就可以画出非常炫目的图表!JpGraph安装方法:
1、 先到各大网站上下载最新的版本。如: //www.jb51.cc/codes/38194.html
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/");
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/");
DEFINE("TTF_DIR","/usr/X11R6/lib/X11/fonts/truetype/");
Windows系统改为:
代码如下:
DEFINE("CACHE_DIR","c:/apache/htdocs/ jpgraph_cache/");'
DEFINE("TTF_DIR","c:/windows/fonts");
DEFINE("TTF_DIR","c:/windows/fonts");
注意事项:
(1)cache(缓存)文件夹路径可以自己定义,而TTF(字体)文件夹必须是%system%/Fonts。
(2)确保PHP对cache(缓存)文件夹有写的权限。
5、
完成上述设置后就可以使用JpGraph了,可以先将JpGraph的例子copy到htdocs文件夹中,运行一下看看。呵呵,200多个例子,包含各类图表,够学一阵子的。
在实际使用中,笔者还遇到了一些问题,比如字体错误等等,还在研究中……
从数据库中读取数据到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
修改后的代码
代码如下:
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);
// Create the graph.
$graph = new Graph(400,200,"auto");
$graph->SetScale("textlin");
$graph->img->SetMargin(40,130,20,40);
$graph->SetShadow();
// Create the bar plot
$bplot = new BarPlot($l2datay);
$bplot->SetFillColor("orange");
$bplot->SetLegend("Result");
// Add the plots to t'he graph
$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->xaxis->SetTickLabels($datax);
//$graph->xaxis->SetTextTickInterval(2);
// Display the graph
$graph->Stroke();
?>
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);
// Create the graph.
$graph = new Graph(400,200,"auto");
$graph->SetScale("textlin");
$graph->img->SetMargin(40,130,20,40);
$graph->SetShadow();
// Create the bar plot
$bplot = new BarPlot($l2datay);
$bplot->SetFillColor("orange");
$bplot->SetLegend("Result");
// Add the plots to t'he graph
$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->xaxis->SetTickLabels($datax);
//$graph->xaxis->SetTextTickInterval(2);
// Display the graph
$graph->Stroke();
?>
4、
刷新页面即可看到结果
历史信息
网络优化,300*200的图片大小大概为2K,但普通图片要比JpGraph生成的大4-5K
支持GD1和GD2,并且JpGraph会自动探测系统安装了哪个库
支持多种图表样式,包括常见的网状图、花柱形图、饼形图(2D和3D的都可以)等等
支持3D透明,α混合技术
支持超过400种的已命名颜色
支持多种方式带背景图片的绘图
支持生成的图表网络缓存以减轻HTTP服务器负担
2009年9月17日:更新JpGraph 1.27.1。
2009年4月18日:更新JpGraph 1.27和JpGraph 2.34。
12月2日:今日有两位PHPchina的朋友加入我们的翻译团队:刺猬和Deman。
2008年6月28日:JpGraph中文站发布,虽然这是用ASP制作的网站,但并不代表站长偏爱ASP
2008年6月15日:JpGraph 1.26发布。修复了饼形图分割片问题。也许这将是1.x发布版宣布停止更新后的最后一版2
008年6月14日:JpGraph 2.33发布