php使用Jpgraph創(chuàng)建折線圖效果示例

更新時間：2017年02月15日 11:32:03 作者：水晶依戀

這篇文章主要介紹了php使用Jpgraph創(chuàng)建折線圖效果,結合實例形式分析了php使用Jpgraph繪制折線圖的原理、實現步驟與相關操作技巧,需要的朋友可以參考下

本文實例講述了php使用Jpgraph創(chuàng)建折線圖效果。分享給大家供大家參考，具體如下：

在企業(yè)運營中，經常需要對各種數據進行統(tǒng)計，利用圖表動態(tài)分析不同的數據表中的數據，可以使數據顯示的更加直觀。

例：應用Jpgraph技術繪制包含兩種圖書銷售走勢的折線圖。

為了能夠使用Jpgraph的功能，首先在程序中導入Jpgraph類庫，然后創(chuàng)建兩個數組分別表示兩種圖書的年度銷售情況，創(chuàng)建Graph類的對象，并用創(chuàng)建的數組作為參數創(chuàng)建兩個LinePlot類的對象。設置統(tǒng)計圖的標題、刻度、背景色和折線顏色等參數，并將兩個LinePlot對象添加到統(tǒng)計圖對象中。

過程如下：

（1）在程序中導入Jpgraph類庫及直線繪制功能。

require_once 'jpgraph/src/jpgraph.php';
require_once 'jpgraph/src/jpgraph_line.php';

（2）創(chuàng)建統(tǒng)計數據，并保存到一維數組中。

$data1 = array(89, 78, 99, 65, 92, 85, 85, 55, 64, 79, 85, 98);//設置統(tǒng)計數據
$data2 = array(68, 70, 69, 80, 50, 60, 75, 65, 75, 65, 80, 89);//設置統(tǒng)計數據

（3）創(chuàng)建統(tǒng)計圖對象，并設置坐標的刻度樣式

$graph = new Graph(600, 300);//創(chuàng)建統(tǒng)計圖對象
$graph->SetScale('textlin');//設置刻度樣式
$graph->SetY2Scale('lin');
$graph->SetShadow();//設置背景帶陰影
$graph->img->SetMargin(40, 50, 20, 70);// 設置圖表灰度四周邊距，順序為左右上下
$graph->title->Set(iconv('utf-8', 'GB2312//IGNORE', '圖書銷售走勢表'));//設置走勢圖的標題

（4）創(chuàng)建LinePlot對象，并將創(chuàng)建后的對象添加到統(tǒng)計圖的對象中。

$lineplot1 = new LinePlot($data1);//建立LinePlot對象
$lineplot2 = new LinePlot($data2);//建立LinePlot對象
$graph->Add($lineplot1);
$graph->AddY2($lineplot2);

（5）設置統(tǒng)計圖和坐標軸的標題內容和文字樣式，并輸出統(tǒng)計圖

$graph->xaxis->title->Set(iconv('utf-8', 'GB2312//IGNORE', "月份"));//設置x軸的標題
$graph->yaxis->title->Set(iconv('utf-8', 'GB2312//IGNORE', "book A 銷售金額（萬元）"));//設置y軸的標題
$graph->y2axis->title->Set(iconv('utf-8', 'GB2312//IGNORE', "book B 銷售金額（萬元）"));//設置y軸的標題
$graph->y2axis->title->SetMargin(20);//設置右邊的title到圖的距離
$graph->title->SetFont(FF_SIMSUN, FS_BOLD);//設置字體
$graph->yaxis->title->SetFont(FF_SIMSUN, FS_BOLD);
$graph->y2axis->title->SetFont(FF_SIMSUN, FS_BOLD);
$graph->xaxis->title->SetFont(FF_SIMSUN, FS_BOLD);
$lineplot1->SetColor('red');//設置顏色
$lineplot2->SetColor('blue');
$lineplot1->SetLegend('book A');//綁定
$lineplot2->SetLegend('book B');
$graph->legend->SetLayout(LEGEND_HOR);
$graph->legend->Pos(0.4, 0.95, 'center', 'bottom');
//圖例文字框的位置 0.4，0.95 是以右上角為基準的，0.4是距左右距離，0.95是上下距離。
$graph->Stroke();//輸出

運行結果如下：