jpgraph+php+mysql產生柱狀圖(含代碼) 並有詳細的解釋!
一、首先建立資料庫及測試表:
CREATE DATABASE `jpgraph`; //建立資料庫
USE `jpgraph`;
//建立測試表
DROP TABLE IF EXISTS `jpg_temp`;
CREATE TABLE `jpg_temp` (
`year` int(11) NOT NULL,
`money` float NOT NULL,
`number` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
//測試資料
insert into `jpg_temp`(`year`,`money`,`number`) values (2007,150.78,120),(2008,100,90),(2009,120,100),(2010,100,78),(2011,70.56,60),(2012,90,100),(2013,140,180),(2014,150,200),(2015,130,110),(2016,110.85,150),(2020,180,230),(2050,200,210);
二、mysql.php
<?php
//資料庫連結檔案
$dbConn=mysql_connect("localhost","root","syc");
if(!$dbConn)
echo '資料庫通訊失敗';
mysql_select_db("jpgraph");
mysql_query("set names 'utf8'",$dbConn);
$sql= " SELECT * FROM jpg_temp";
$result=mysql_query($sql,$dbConn);
$rowCount=mysql_num_rows($result);
$datay=array();
$datax=array();
$number=array();
while ($row=mysql_fetch_array($result)){
$datay[]=$row["money"];
$datax[]=$row["year"];
$number[]=$row["number"];
}
//echo each($datay);
//print_r($datay);
mysql_close($dbConn);
?>
三、組建圖表index.php
<?php
date_default_timezone_set("PRC");//添加時間以防報錯
//組建圖表類
require_once ('jpgraph/jpgraph.php'); //載入基本類
require_once ('jpgraph/jpgraph_bar.php'); //載入柱狀圖
include_once(‘mysql.php'); //載入資料處理檔案
$graph=new Graph(900,500); //建立一個圖表 指定大小
$graph->SetScale("textlin"); //設定座標刻度類型
$graph->img->SetMargin(40,180,30,40);//設定統計圖邊距 左、右、上、下
//$graph->SetMarginColor("lightblue");//設定畫布背景色 淡藍色
//$graph->SetBackgroundImage('stship.jpg',BGIMG_COPY); //設定背景圖片
//$graph->img->SetAngle(45); //設定圖形在映像中的角度
//設定標題資訊
$graph->title->Set('Syc測試報表'); //設定統計表徵圖題
$graph->title->SetFont(FF_SIMSUN,FS_BOLD,20); //設定標題字型
$graph->title->SetMargin(3);//設定標題的邊距
//設定X軸資訊
$graph->xaxis->title->Set('(單位:年)'); //標題
$graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD,10); //標題字型 大小
$graph->xaxis->title->SetColor('black');//顏色
$graph->xaxis->SetFont(FF_SIMSUN,FS_BOLD,10);//X軸刻度字型 大小
$graph->xaxis->SetColor('black');//X軸刻度顏色
$graph->xaxis->SetTickLabels($datax); //設定X軸標記
$graph->xaxis->SetLabelAngle(0);//設定X軸的顯示值的角度;
//設定Y軸的資訊
$graph->yaxis->SetFont(FF_SIMSUN,FS_BOLD,10);//標題
$graph->yaxis->SetColor('black');//顏色
$graph->ygrid->SetColor('black@0.9');//X,y交叉表格顏色和透明度 @為程度值
$graph->yaxis->scale->SetGrace(0);//設定Y軸顯示值柔韌度(解釋有點問題 呵呵 原諒)
//設定資料
$bplot1 = new BarPlot($datay);
$bplot2 = new BarPlot($number);
//設定柱狀圖柱顏色和透明度
$bplot1->SetFillColor('orange@0.4');
$bplot2->SetFillColor('brown@0.4');
//設定值顯示
$bplot1->value->Show(); //顯示值
$bplot1->value->SetFont(FF_SIMSUN,FS_BOLD,10);//顯示字型大小
$bplot1->value->SetAngle(90); //顯示角度
$bplot1->value->SetFormat('%0.2f'); //顯示格式 0.2f:精確到小屬數點後2位
$bplot2->value->Show();
$bplot2->value->SetFont(FF_SIMSUN,FS_BOLD,10);
$bplot2->value->SetAngle(90);
$bplot2->value->SetFormat('%0.0f');
//設定圖欄標籤
$graph->legend->SetFillColor('lightblue@0.9');//設定圖欄標籤背景顏色和透明度
$graph->legend->Pos(0.01,0.12,"right","center");//位置
$graph->legend->SetFont(FF_SIMSUN,FS_NORMAL,10);//顯示字型 大小
$bplot1->SetLegend('消費金額(單位:萬元)');
$bplot2->SetLegend('人數(單位:萬人次)');
//設定每個柱狀圖的顏色和陰影透明度
$bplot1->SetShadow('black@0.4');
$bplot2->SetShadow('black@0.4');
//產生圖列
$gbarplot = new GroupBarPlot(array($bplot1,$bplot2));
$gbarplot->SetWidth(0.5); //柱狀的寬度
$graph->Add($gbarplot);
$graph->Stroke(); //輸出映像
?>
四、產生的圖表