以前用PHP作图时必须要掌握复杂抽象的画图函数,或者借助一些网上下载的花柱形图、饼形图的类来实现。没有一个统一的chart类来实现图表的快速开发。
现在我们有了一个新的选择:JpGraph。专门提供图表的类库。它使得作图变成了一件非常简单的事情,你只需从数据库中取出相关数据,定义标题,图表类型,然后的事情就交给JpGraph,只需掌握为数不多的JpGraph内置函数(可以参照JpGraph附带例子学习),就可以画出非常炫目的图表!
一、 JpGraph安装方法:
1、先到http://www.aditus.nu/jpgra...下载最新的版本。
2、确保你的PHP版本最低为4.04(最好是4.1.1),并且支持GD2库。必须确保GD2库可以正常运行,可以通过运行phpinfo()来查看GD库的信息是否存在的方法来判断。
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多个例子,包含各类图表,够学一阵子的。
在实际使用中,笔者还遇到了一些问题,比如字体错误等等,还在研究中……
从数据库中读取数据到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(); ?> |
4、刷新页面即可看到结果



#1