一 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圖表工具來處理。