PHP图标类库 - JpGraph使用详解

http://w3note.com/web/181.html

微信平台开发的推广支持应用里，为了满足用户渠道推广分析的需要，公众平台提供了生成带参数二维码的接口。使用该接口可以获得多个带不同场景值的二维码，用户扫描后，公众号可以接收到事件推送，借此可以通过统计不同场景扫描的二维码的结果来获取商业信息。

为了更形象地展示统计结果，可以使用php作图，不过这需要掌握复杂抽象的画图函数，这里推荐使用php的JpGraph图表类库，它使得作图变成了一件非常简单的事情，你只需从数据库中取出相关数据，定义标题，图表类型，然后的事情就交给JpGraph，只需掌握为数不多的JpGraph内置函数（可以参照JpGraph附带例子学习），就可以画出非常炫目的图表！

因为我最近也在做phpcmw微信插件用户信息统计这块，所以对JpGraph作了一番研究应用。为避免初学者走我走过的弯路，我把调试记录整 理出来，分享给大家。

通过本文你至少可以掌握以下技巧：

1、能够使用JpGraph画出各式各样的图表

2、解决中文乱码

一、开启GD库

Jpgraph需要GD库的支持，所以在调式JpGraph之前，确保GD库已开启，这很重要，不然后面的工作就没办法展开了。GD库在PHP5中是被默认安装的，我们只需开启GD库就可以了。

打开php.ini文件，找到“;extension=php_gd2.dll”选项，将其前的分号“;”去掉，如图所示

然后保存修改后的文件并重新启动apache服务器。可以通过phpinfo()函数来获取GD2函数库的安装信息，验证GD库是否安装成功。

二、使用方法

在使用JpGraph时，最好弄明白你使用的是哪一个版本，千万不要弄错，不然就会张冠李戴，让你调得头晕目眩的。也不要从网上找一些片断代码来调试，除非它是完整的，不然也会让你吃不了兜着走的了。唠叼就到这里了，下面开始调试。

运行环境

操作系统  W7

代码运行环境  apache+php5.3

JpGraph版本 jpgraph-3.5.0b1（点击这里下载或者到官网http://jpgraph.net/download/下载）

解压下载的jpgraph-3.5.0b1压缩包，会看到一些目录：

src：图表生成所依赖的代码包，其子目录Examples里有许多的实例。

src\Examples：里面包函许多实例，使用它们可以制作各种各样的图表

docs ：jpgraph的开发文档，但全是英文的.。

docs\chunkhtml：里面有许多案例及附有图表，通过它我们可以参考一下我们所需要的图表。

在网站根目录建一个文件夹test，然后把把docs和src文件夹拷贝到前面所创建的目录test里，重命名src为jpgraph，这里因为Examples里面的实例文件加载的路径都是“require_once (‘jpgraph/jpgraph.php‘);”

实例

把jpgraph\Examples\accbarex1.php拷贝到test目录(和jpgraph同一目录)，然后打开打开http://localhost/test/accbarex1.php，我们就会看到生成的图

哗，这是我们使用PHP作图很难实现的！

来看一下它的源码吧：

01 //加载生成图表对应的文件
02 require_once (‘jpgraph/jpgraph.php‘);
03 require_once (‘jpgraph/jpgraph_bar.php‘);
04  
05 //创建图表的数据，可以自定义
06 $data1y=array(-8,8,9,3,5,6);
07 $data2y=array(18,2,1,7,5,4);
08  
09 // 图表的长宽
10 $graph = new Graph(500,400);
11 $graph->SetScale("textlin");
12 $graph->SetShadow();
13  
14 //图表的外边距
15 $graph->img->SetMargin(40,30,20,40);
16 // Create the bar plots
17 $b1plot = new BarPlot($data1y);
18 $b1plot->SetFillColor("orange");
19 $b1plot->value->Show();
20 $b2plot = new BarPlot($data2y);
21 $b2plot->SetFillColor("blue");
22 $b2plot->value->Show();
23 // Create the grouped bar plot
24 $gbplot = new AccBarPlot(array($b1plot,$b2plot));
25 // ...and add it to the graPH
26 $graph->Add($gbplot);
27  
28 //设置图表的标题字体、大小
29 $graph->title->Set("Accumulated bar plots");
30 $graph->xaxis->title->Set("X-title");
31 $graph->yaxis->title->Set("Y-title");
32  
33 //和上面标题对应，设置标题的字体和大小
34 $graph->title->SetFont(FF_FONT1,FS_BOLD);
35 $graph->yaxis->title->SetFont(FF_FONT1,FS_BOLD);
36 $graph->xaxis->title->SetFont(FF_FONT1,FS_BOLD);
37  
38 //生成本地图表，黙认留空，生成在当前目录，可以Stroke(“路径/文件名.png”)这样指定路径
39 $graph->Stroke();

JpGraph的难点是中文乱码的解决，本来还想把这个问题一块解决的，但似乎篇幅有点长了，留到下一篇吧

小结：调试JpGraph，需要注意其运行环境、版本、操作系统以及代码的完整性，不然相同的代码可能却无法正确运行。

JpGraph使用详解之中文乱码解决方法

在前面的JpGraph使用详解这篇文章，已经对JpGraph的使用方法作了详细的交代，前面说好的，接下来解决中文乱码。

JpGraph为什么会出现中文乱码

在JpGraph中默认是要把字符串转成utf8的，但是如果你的文件本身就是utf8的，并且要用中文字体，它还会转一遍，结果多转了一次，就会出现乱码。如图所示

解决中文乱码

取前篇的代码片断如下

1 //设置图表的标题字体、大小
2 $graph->title->Set("Accumulated bar plots");
3 $graph->xaxis->title->Set("X-title");
4 $graph->yaxis->title->Set("Y-title");
5  
6 //和上面标题对应，设置标题的字体和大小
7 $graph->title->SetFont(FF_FONT1,FS_BOLD);
8 $graph->yaxis->title->SetFont(FF_FONT1,FS_BOLD);
9 $graph->xaxis->title->SetFont(FF_FONT1,FS_BOLD);

把它改为

1 //设置图表的标题字体、大小
2 $graph->title->Set(iconv("UTF-8","GB2312//IGNORE","网志博客信息统计表"));
3 $graph->xaxis->title->Set(iconv("UTF-8","GB2312//IGNORE","X-标题"));
4 $graph->yaxis->title->Set(iconv("UTF-8","GB2312//IGNORE","Y-标题"));
5  
6 //和上面标题对应，设置标题的字体和大小
7 $graph->title->SetFont(FF_SIMSUN,FS_BOLD);
8 $graph->yaxis->title->SetFont(FF_SIMSUN,FS_BOLD);
9 $graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD);

使用php函数据中文由UTF-8转为GB2312，记住由于iconv本身的一个bug，iconv在转换字符"—"到gb2312时会出错，所以在需要转成的编码后加上 "//IGNORE" 。

FF_SIMSUN表示中文简体，对应的字体文件是simsun.ttc，虽然FF_CHINESE和FF_BIG5也表示中文但是它们对应的字体文件是不同的，所以不要弄错。

下面是正确转换后生成的图

下面是本例调试的完整代码

01 require_once (‘jpgraph/jpgraph.php‘);
02 require_once (‘jpgraph/jpgraph_bar.php‘);
03  
04 $data1y=array(0,8,9,3,5,6);
05 $data2y=array(18,2,1,7,5,4);
06  
07 // Create the graph. These two calls are always required
08 $graph = new Graph(500,400);
09 $graph->SetScale("textlin");
10  
11 $graph->SetShadow();
12 $graph->img->SetMargin(40,30,20,40);//设置图形的边距
13  
14 // Create the bar plots
15 $b1plot = new BarPlot($data1y);
16 $b1plot->SetFillColor("orange");
17 $b1plot->value->Show();
18 $b2plot = new BarPlot($data2y);
19 $b2plot->SetFillColor("blue");
20 $b2plot->value->Show();
21  
22 // Create the grouped bar plot
23 $gbplot = new AccBarPlot(array($b1plot,$b2plot));
24  
25 // ...and add it to the graPH
26 $graph->Add($gbplot);
27 //设置标题字体样式
28 $graph->title->Set(iconv("UTF-8","GB2312//IGNORE","网志博客信息统计表"));
29 $graph->xaxis->title->Set(iconv("UTF-8","GB2312//IGNORE","X-标题"));
30 $graph->yaxis->title->Set(iconv("UTF-8","GB2312//IGNORE","Y-标题"));
31  
32 $graph->title->SetFont(FF_SIMSUN,FS_BOLD);
33 $graph->yaxis->title->SetFont(FF_SIMSUN,FS_BOLD);
34 $graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD);
35  
36 $graph->Stroke();

当然了，我这里只介绍了一种方法，还有一种就是修改源码，但不推荐。因为我觉得改动源码可能会给其它地方带来意想不到的麻烦。

使用JpGraph，要知道其版本、运行服务器以及操作系统的息息，不能张冠李戴，否则麻烦多多。

好了，至此JpGraph使用介绍也就这么多了。

时间： 2024-10-23 00:11:25

PHP图标类库 - JpGraph使用详解的相关文章

NLog类库使用探索——详解配置

1 配置文件的位置(Configuration file locations) 通过在启动的时候对一些常用目录的扫描,NLog会尝试使用找到的配置信息进行自动的自我配置. 1.1 单独的*.exe客户端 单独的客户端,NLog将在以下目录搜索配置信息: 标准的程序配置文件(通常为 程序名.exe.config) 程序目录下的程序名.exe.nlog文件 程序目录下的NLog.config文件 NLog.dll所在目录下的NLog.dll.nlog文件 (在Nlog没有导入GAC情况下) 1.2

Java容器类类库基本概念详解

  Java容器类类库的用途是"保存对象",并将其划分为两个不同的概念: Collection.一个独立元素的序列,这些元素都服从一条或多条规则.List必须按照插入的顺序保存元素,而Set不能有重复元素.Queue按照排队规则来确定对象产生的顺序(通常与它们被插入的顺序相同). Map.一组成对的"键值对"对象,允许你使用键来查找值.ArrayList允许你使用数字来查找值,因此在某种意义上讲,他将数字与对象关联在了一起.映射表允许我们使用另一个对象来查找某个对象

AngularCli项目中添加字体图标（Font）详解

本文主要讲如何在AngularCli生成的项目中使用字体图标. 一 SVG图标准备 二 SVG图标转Font 三 将Font文件合入AngularCli项目 四 创建Font.less 五 引用和使用字体图标 六 后续更新字体图标 参考资料&内容来源 原文地址:https://www.cnblogs.com/zhaoweikai/p/9957105.html

使用icomoon字体图标详解

使用icomoon字体图标详解 字体图标的优势:(isux的总结) 1.轻量性:一个图标字体比一系列的图像(特别是在Retina屏中使用双倍图像)要小.一旦图标字体加载了,图标就会马上渲染出来,不需要下载一个图像.可以减少HTTP请求,还可以配合HTML5离线存储做性能优化. 2.灵活性:图标字体可以用过font-size属性设置其任何大小,还可以加各种文字效果,包括颜色.Hover状态.透明度.阴影和翻转等效果.可以在任何背景下显示.使用位图的话,必须得为每个不同大小和不同效果的图像输出一个不

Android高效率编码-第三方SDK详解系列(三)——JPush推送牵扯出来的江湖恩怨，XMPP实现推送，自定义客户端推送

Android高效率编码-第三方SDK详解系列(三)--JPush推送牵扯出来的江湖恩怨,XMPP实现推送,自定义客户端推送 很久没有更新第三方SDK这个系列了,所以更新一下这几天工作中使用到的推送,写这个系列真的很要命,你要去把他们的API文档大致的翻阅一遍,而且各种功能都实现一遍,解决各种bug各种坑,不得不说,极光推送真坑,大家使用还是要慎重,我们看一下极光推送的官网 https://www.jpush.cn/common/ 推送比较使用,很多软件有需要,所以在这个点拿出来多讲讲,我们本节

Android应用盈利广告平台的嵌入方法详解

一.如何学习Android   android开发(这里不提platform和底层驱动)你需要对Java有个良好的基础,一般我们用Eclipse作为开发工具.对于过多的具体知识详细介绍我这里不展开,我只说我个人的学习方法和本人以为的好的步骤.   1.搭建环境:包括对Java和Eclipse及模拟器(有真机再好不过)的熟悉,对于android的tools和adb命令可以放到后面熟悉了解.   2.从helloworld开始:了解一个基本的android应用代码包含哪些,各部分做什么用.(这里只要

JqGrid 使用方法详解

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的css.js文件加入到页面中即可. 按照官网文档: /myproject/css/ ui.jqgrid.css         

tp可用的超强第三方图表类库-JpGraph

日常开发中经常需要做图表,比如线状图.饼状图.柱状图等等,用PHP作图时需要使用复杂抽象的画图函数,或者借助一些网上下载的花柱形图.饼形图的类来实现,没有一个统一的chart类来实现图表的快速开发,非常麻烦.现在我们有了一个新的选择:JpGraph.专门提供图表的类库.它使得作图变成了一件非常简单的事情,你只需从数据库中取出相关数据,定义标题,图表类型,然后的事情就交给JpGraph,只需掌握为数不多的JpGraph内置函数(可以参照JpGraph附带例子学习),就可以画出非常炫目的图表! 要求

孙鑫视频VC++深入详解学习笔记

Lesson1: Windows程序运行原理及程序编写流程 Lesson2: 掌握C++基本语法 Lesson3: MFC框架程序剖析 Lesson4: 简单绘图 Lesson5: 文本编程 Lesson6: 菜单编程 Lesson7: 对话框编程 Lesson9: 定制应用程序的外观 Lesson10: 绘图控制 Lesson11 图形的保存和重绘 Lesson12 文件操作 Lesson 13: 文档串行化 Lesson14 网络编程 Lesson 15 多线程 Lesson 16 线程同步