1. 程式人生 > >PHP之JpGraph作圖工具庫

PHP之JpGraph作圖工具庫

Step1: 環境
Windows10 + php5.3(下載) + jpgraph-3.5.0b1(下載

Step2: 開啟GD庫
開啟路徑“S:\Xampp\php\php.ini”,開啟php.ini檔案,找到“;extension=php_gd2.dll”選項,將其前的註釋符號“;”去掉。

extension=php_gd2.dll

Step3: 關鍵點!!!
在htdocs目錄下新建一個名為test的資料夾;然後,解壓下載的jpgraph-3.5.0b1壓縮包,將解壓後的“src”資料夾和"docs"資料夾複製到htdocs/test資料夾中;然後將"src"重新命名為"jpgraph"。

Step4: 測試
將jpgraph\Examples\accbarex1.php拷貝到test目錄下,然後開啟瀏覽器,輸入http://localhost/test/accbarex1.php,Yeah, done it!!
這裡寫圖片描述

拓展1: 同樣地,新建檔案“‪S:\Xampp\htdocs\test\test2.php”

<?php  
require_once ("jpgraph/jpgraph.php");  
require_once ("jpgraph/jpgraph_line.php");  
   
$data1 = array(523,634,371,278,685,587,490,256,398,545,367,577); //第一條曲線的陣列  
   
$graph = new Graph(500,300);   
$graph->SetScale("textlin");  
$graph->SetShadow();     
$graph->img->SetMargin(60,30,30,70); //設定影象邊距  
   
$graph->graph_theme = null; //設定主題為null,否則value->Show(); 無效  
   
$lineplot1=new LinePlot($data1); //建立設定兩條曲線物件  
$lineplot1->value->SetColor("red");  
$lineplot1->value->Show();  
$graph->Add($lineplot1);  //將曲線放置到影象上  
   
$graph->title->Set("CDN");   //設定影象標題  
$graph->xaxis->title->Set("Month"); //設定座標軸名稱  
$graph->yaxis->title->Set("Gbits");  
$graph->title->SetMargin(10);  
$graph->xaxis->title->SetMargin(10);  
$graph->yaxis->title->SetMargin(10);  
   
$graph->title->SetFont(FF_SIMSUN,FS_BOLD); //設定字型  
$graph->yaxis->title->SetFont(FF_SIMSUN,FS_BOLD);  
$graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD);   
$graph->xaxis->SetTickLabels($gDateLocale->GetShortMonth());  
  
$graph->Stroke();  //輸出影象  
?>  

這裡寫圖片描述

拓展2: 同樣地,新建檔案“‪S:\Xampp\htdocs\test\test3.php”

<?php  
require_once ("jpgraph/jpgraph.php");  
require_once ("jpgraph/jpgraph_bar.php");  
  
$data  = array(19,23,34,38,45,67,71,78,85,87,96,145);           
$ydata = array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");  
  
$graph = new Graph(500,300);  //建立新的Graph物件  
$graph->SetScale("textlin");  //刻度樣式  
$graph->SetShadow();          //設定陰影  
$graph->img->SetMargin(40,30,40,50); //設定邊距  
  
$graph->graph_theme = null; //設定主題為null,否則value->Show(); 無效  
  
$barplot = new BarPlot($data);  //建立BarPlot物件  
$barplot->SetFillColor('blue'); //設定顏色  
$barplot->value->Show(); //設定顯示數字  
$graph->Add($barplot);  //將柱形圖新增到影象中  
   
$graph->title->Set("CDN");   
$graph->xaxis->title->Set("Month"); //設定標題和X-Y軸標題  
$graph->yaxis->title->Set("Mbits");                                                                        
$graph->title->SetColor("red");  
$graph->title->SetMargin(10);  
$graph->xaxis->title->SetMargin(5);  
$graph->xaxis->SetTickLabels($ydata);  
   
$graph->title->SetFont(FF_SIMSUN,FS_BOLD);  //設定字型  
$graph->yaxis->title->SetFont(FF_SIMSUN,FS_BOLD);  
$graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD);  
$graph->xaxis->SetFont(FF_SIMSUN,FS_BOLD);  
  
$graph->Stroke();  
?>  

這裡寫圖片描述

拓展3: 同樣地,新建檔案“‪S:\Xampp\htdocs\test\test4.php”

<?php  
require_once ("jpgraph/jpgraph.php");  
require_once ("jpgraph/jpgraph_pie.php");  
require_once ("jpgraph/jpgraph_pie3d.php");  
   
$data = array(19,23,34,38,45,67,71,78,85,87,90,96);  
   
$graph = new PieGraph(550,500);  
$graph->SetShadow();  
   
$graph->title->Set("CDN ratio");  
$graph->title->SetFont(FF_SIMSUN,FS_BOLD);  
   
$pieplot = new PiePlot3D($data);  //建立PiePlot3D物件  
$pieplot->SetCenter(0.4, 0.5); //設定餅圖中心的位置  
$pieplot->SetLegends($gDateLocale->GetShortMonth()); //設定圖例  
  
$graph->Add($pieplot);  
$graph->Stroke();  
?>  

這裡寫圖片描述

參考