原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://leven.blog.51cto.com/1675811/482918
一 Jpgraph
1.1 介绍
超字了...
1.3 实例介绍
只要把example中的require_once路径改了就放进来用吧，我下的是最新版的jpgraph-3.5.0b1，反正测试嘛，我记得跟3.0.7还是有差别的，把文件名都重新命名过了，这个不错，原先都是example1~n，都不知道是个什么东西。好吧随便打开第一个文件accbarex1.php，是个柱状图BarPlot，还有其他LinePlot线性图,PiePlot饼状图等。代码很简单，传递数据->设置图的属性->设置图的节点属性->画图设置图的标题、字体、颜色等->展示，具体可以看下面的代码。就是中文有点纠结的，这个不是他的错，是我们的GD库编译的时候有问题，所以这里我把文字转为html实体展示。很简单吧，可以尝试下玩玩。
<?php // content="text/plain; charset=utf-8"
require_once (\'../jpgraph.php\');
require_once (\'../jpgraph_bar.php\');
$data1y=array(-8,8,9,3,5,3); //blue那条的数据
$data2y=array(18,20,16,10,5,6); //orange那条的数据
// Create the graph. These two calls are always required
$graph = new Graph(800,500); //大小宽*高
$graph->SetScale("textlin"); //设置刻度模式还有intint、linlin、log、lin、textlog等其他模式
$graph->SetShadow();
$graph->img->SetMargin(40,30,20,40); //设置图表边距，就跟css里margin属性是一样的
// Create the bar plots
$b1plot = new BarPlot($data1y); //创建新的BarPlot对象各种不同图表就是通过调用不通对象实现的,BarPlot就是柱状的，还有LinePlot线性图,PiePlot饼状图
$b1plot->SetFillColor("orange"); //设置图的颜色
$b1plot->value->Show(); //展示
$b2plot = new BarPlot($data2y); //一样的
$b2plot->SetFillColor("blue");
$b2plot->value->Show();
// Create the grouped bar plot
$gbplot = new AccBarPlot(array($b1plot,$b2plot)); //开始画图了
$graph->Add($gbplot); //在统计图上绘制曲线
$graph->title->Set(iconv_arr("Phpwind 图表测试")); // 设置图表标题这里iconv_arr是我自己加的，为了支持我们伟大的中文要把你的当前编码转化为html实体
$graph->xaxis->title->Set(iconv_arr("这个大概是月份吧")); //设置X轴标题
$graph->yaxis->title->Set(iconv_arr("这个是Y轴")); //设置Y轴标题
$graph->title->SetFont(FF_SIMSUN,FS_BOLD); //设置标题字体，这里字体默认是FF_FONT1，为了中文换成FF_SIMSUN
$graph->yaxis->title->SetFont(FF_SIMSUN,FS_BOLD); //设置X轴标题字体
$graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD); //设置Y轴标题字体
$graph->Stroke(); //输出图像
function iconv_arr($data){
if(is_array($data)){
foreach($data as $k=>$v){
$data[$k] = iconv_arr($v);
}
}else{
$data = mb_convert_encoding($data, "html-entities","gbk" );
}
return $data;
}
二 pChart
2.1 介绍
超字了...
2.3实例介绍
同样拿个实例介绍下，我用的是最新版的pChart 1.27哦，pChart的工作流程主要分为以下几步：
(1) 读取用于生成图表数据（数据库、文件）
(2) 设计图形
(3) 把数据导入图形
(4) 配置图形、文字样式
(5) 成功图形
同样pChart也是需要GD库支持的，所以中文乱码问题也是存在的，这边还是用上面那种方法解决哦，刚用Jpgraph画过一个柱形图，那现在搞一个饼图玩玩吧。
<?php
include("pChart/pData.class"); //数据类
include("pChart/pChart.class"); //画图类
//准备好画图的数据
$arr1 = array(15,8,3,2,1); // 对应数据
$arr2 = iconv_arr(array(\'B2B\',\'淘宝\',\'支付宝\',\'阿里云\',\'其他\')); //数据的文字,和数据位置对应,这里也用了iconv_arr转换中文
//第一步获得饼图数据
$data = new pdata;
$data->AddPoint($arr1,"serie1"); //装入数据并命名为serie1
$data->AddPoint($arr2,"serie2"); //装入说明并命名为serie2
$data->AddAllSeries(); //提交数据
$data->SetAbsciseLabelSerie("serie2"); //设置标签
//第二步画图形框架
$im = new pchart(400,300); //创造一个画布并赋予尺寸
$im->drawFilledRoundedRectangle(7,7,413,243,5,240,240,240); //画一个圆角矩形(x1,y1,x2,y2,圆角半径,R,G,B)
$im->drawRoundedRectangle(5,5,415,245,5,230,230,230); //画圆角矩形"框"
//第三步把数据导入画好的图形内
$im->setFontProperties("Fonts/simhei.ttf",8); //设置字体及大小，需要把字体拷到Fonts文件夹下，或者windos指定到c/system32/fonts
//画一个3维饼图专用函数
//$data,饼图结构数据
//$data数据参数
//$XPos,圆心的X坐标
//$YPos,圆心的Y坐标
//$Radius=100,半径
//$DrawLabels=PIE_NOLABEL,标签样式(百分比和标签)
//$EnhanceColors=false, 边框渲染
//$Skew=50,倾斜角度
//$SpliceHeight=20,饼的厚度
//$SpliceDistance=5,各板块间距离
//$Decimals=2 显示百分比小数位数
$im->drawPieGraph($data->GetData(),$data->GetDataDescription(),180,130,110,PIE_PERCENTAGE_LABEL,false,50,20,5,2);
//饼图的标签列表(从左至右顺序)
//$XPos,标签框左上角的X坐标
//$YPos,标签框左上角的Y坐标
//$data数据参数
//$R,$G,$B 背景颜色
$im->drawPieLegend(330,15,$data->GetData(),$data->GetDataDescription(),250,250,250);
//第四步制作图表标题和一些样式
$im->setFontProperties("Fonts/simhei.ttf",12);
//写入标题的函数
//$XPos,标签框左上角的X坐标
//$YPos,标签框左上角的Y坐标
//$Value,标题文字内容
//$R,$G,$B,文字颜色
//$XPos2=-1,$YPos2=-1,座标调整的设置
//$Shadow=FALSE 阴影开关
$im->drawTitle(20,30,iconv_arr(\'阿里集团人员分布\'),100,100,100,-1,-1,false);
//第五步输出保存图形
$im->Render("test.png");//保存为一个图形文件
function iconv_arr($data){
if(is_array($data)){
foreach($data as $k=>$v){
$data[$k] = iconv_arr($v);
}
}else{
$data = mb_convert_encoding($data, "html-entities","gbk" );
}
return $data;
}
还有几个方法ImportFromCSV从csv文件导入，loadColorPalette从txt文件读取，还是很给力的吧，快自己试试吧。
三 phplot
超字了...
3.3实例介绍
phplot的工作流程也是差不多的，这里就写一个线性图来玩玩吧。具体请看代码，比较简单，写了详细说明的。
<?php
require_once \'phplot.php\';
//设置数据
$data = array(
array(\'2010\', 10, 2),
array(\'2011\', 15, 8),
array(\'2012\', 20, 14),
array(\'2013\', 25, 24),
array(\'2014\', 30, 35),
array(\'2015\', 35, 45),
array(\'2016\', 40, 60)
);
$p = new PHPlot(600, 300);
$p->SetDefaultTTFont(\'Fonts/simhei.ttf\'); //设置字体，还是支持中文的吧
$p->SetTitle(iconv_arr(\'Phpwind疾风学院男女人数比例\')); //设置标题，还是用iconv_arr来解决中文
# Select the data array representation and store the data:
$p->SetDataType(\'text-data\'); //设置使用的数据类型，在这个里面可以使用多种类型。
$p->SetDataValues($data); //把一个数组$data赋给类的一个变量$this->data_values.要开始作图之前调用。
$p->SetPlotType(\'lines\'); //选择图表类型为线性.可以是bars,lines,linepoints,area,points,pie等。
$p->SetPlotAreaWorld(0, 0, 7, 100); //设置图表边距
# Select an overall image background color and another color under the plot:
$p->SetBackgroundColor(\'#ffffcc\'); //设置整个图象的背景颜色。
$p->SetDrawPlotAreaBackground(True); //设置节点区域的背景
$p->SetPlotBgColor(\'#ffffff\'); //设置使用SetPlotAreaPixels()函数设定的区域的颜色。
$p->SetLineWidth(3); //线条宽度
# Draw lines on all 4 sides of the plot:
$p->SetPlotBorderType(\'full\'); //设置线条类型
# Set a 3 line legend, and position it in the upper left corner:
$p->SetLegend(iconv_arr(array(\'男生人数\', \'女生人数\'))); //显示在一个图列框中的说明
$p->SetLegendWorld(0.3, 95); //设定这个文本框位置
# Generate and output the graph now:
$p->DrawGraph();
function iconv_arr($data){
if(is_array($data)){
foreach($data as $k=>$v){
$data[$k] = iconv_arr($v);
}
}else{
$data = mb_convert_encoding($data, "html-entities","gbk" );
}
return $data;
}
这三个是PHP图表类库，对于一些需要交互的图表（比如需要点击某个节点显示大图）还是不能满足需求，只能用highcharts、flot、open-flash-chart这种js和flash图表工具来处理。
本文出自 “levens” 博客，请务必保留此出处http://leven.blog.51cto.com/1675811/482918
