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 COOKIE设置为浏览器进程
Jun 21 PHP
php 连接mysql连接被重置的解决方法
Feb 15 PHP
深入php中var_dump方法的使用详解
Jun 24 PHP
PHP数据过滤的方法
Oct 30 PHP
PHP判断数据库中的记录是否存在的方法
Nov 14 PHP
Yii把CGridView文本框换成下拉框的方法
Dec 03 PHP
PHP_SELF,SCRIPT_NAME,REQUEST_URI区别
Dec 24 PHP
php去除头尾空格的2种方法
Mar 16 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
Dec 07 PHP
Phpstorm+Xdebug断点调试PHP的方法
May 14 PHP
PHP类的自动加载机制实现方法分析
Jan 10 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
Feb 11 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
要会喝咖啡也要会知道咖啡豆
2021/03/03 咖啡文化
PHP关联数组的10个操作技巧
2013/01/21 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
Yii2压缩PHP中模板代码的输出问题
2018/08/28 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
再论Javascript下字符串连接的性能
2011/03/05 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
jQuery插件制作之参数用法实例分析
2015/06/01 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
2015/08/17 Javascript
给before和after伪元素设置js效果的方法
2015/12/04 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
浅析vue深复制
2018/01/29 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
2018/03/21 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
深入解析Python中的集合类型操作符
2015/08/19 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
Python作用域与名字空间原理详解
2020/03/21 Python
Python grpc超时机制代码示例
2020/09/14 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
社区工作者先进事迹
2014/01/18 职场文书
普通党员四风问题对照检查材料
2014/09/27 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
企业员工辞职信范文
2015/05/12 职场文书
军事博物馆观后感
2015/06/05 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
vue实现简单数据双向绑定
2021/04/28 Vue.js
Ajax常用封装库——Axios的使用
2021/05/08 Javascript