JpGraph php柱状图使用介绍


Posted in PHP onAugust 23, 2011

JpGraph简介

以前用PHP作图时必须要掌握复杂抽象的画图函数,或者借助一些网上下载的花柱形图、饼形图的类来实现。没有一个统一的chart类来实现图表的快速开发。

现在我们有了一个新的选择:JpGraph。专门提供图表的类库。它使得作图变成了一件非常简单的事情,你只需从数据库中取出相关数据,定义标题,图表类型,然后的事情就交给JpGraph,只需掌握为数不多的JpGraph内置函数(可以参照JpGraph附带例子学习),就可以画出非常炫目的图表!

JpGraph安装方法:
1、

先到各大网站上下载最新的版本。如: https://3water.com/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/");

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、

刷新页面即可看到结果
历史信息

网络优化,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发布

PHP 相关文章推荐
计算一段日期内的周末天数的php代码(星期六,星期日总和)
Nov 12 PHP
php实现Mysql简易操作类
Oct 11 PHP
PHP数组相加操作及与array_merge的区别浅析
Nov 26 PHP
PHP获取指定日期是星期几的实现方法
Nov 30 PHP
Yii2实现自定义独立验证器的方法
May 05 PHP
php中的explode()函数实例介绍
Jan 18 PHP
php多进程应用场景实例详解
Jul 22 PHP
Laravel 关联模型-关联新增和关联更新的方法
Oct 10 PHP
php ActiveMQ的安装与使用方法图文教程
Feb 23 PHP
Yii框架组件的事件机制原理与用法分析
Apr 07 PHP
PHP7生产环境队列Beanstalkd用法详解
May 19 PHP
phpcmsv9.0任意文件上传漏洞解析
Oct 20 PHP
php报表之jpgraph柱状图实例代码
Aug 22 #PHP
PHP用SAX解析XML的实现代码与问题分析
Aug 22 #PHP
PHP IF ELSE简化/三元一次式的使用
Aug 22 #PHP
PHP表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
Aug 22 #PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
Aug 18 #PHP
PHP-CGI进程CPU 100% 与 file_get_contents 函数的关系分析
Aug 15 #PHP
11个PHP 分页脚本推荐
Aug 15 #PHP
You might like
Oracle 常见问题解答
2006/10/09 PHP
多重?l件?合查?(二)
2006/10/09 PHP
PHP配置心得包含MYSQL5乱码解决
2006/11/20 PHP
使用Sphinx对索引进行搜索
2013/06/25 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
javascript编程起步(第五课)
2007/01/10 Javascript
javascript 数据类型转换(parseInt,parseFloat)
2010/07/20 Javascript
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
js实现抽奖效果
2017/03/27 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
vue实现记事本功能
2019/06/26 Javascript
python局部赋值的规则
2013/03/07 Python
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
Python中装饰器的一个妙用
2015/02/08 Python
基python实现多线程网页爬虫
2015/09/06 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
俄罗斯鲜花递送:AMF
2020/04/24 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
老公给老婆的保证书
2014/04/28 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
教师读书笔记
2015/06/29 职场文书
班主任工作总结范文
2015/08/13 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
2021/04/17 Vue.js