PHP生成圖表pChart的示例解析
pChart是一個(gè)開(kāi)源的圖表生成庫(kù),主要涉及3個(gè)Class:pChart.class, pData.class, pCache.class,可生成20多種簡(jiǎn)單或復(fù)雜的圖表,支持PNG,JPG,GIF通用圖片格式。數(shù)據(jù)源可以來(lái)自于Database,CSV,當(dāng)然也可以手寫。使用該程序PHP需要開(kāi)啟GD服務(wù),先來(lái)看看pChart的工作流程:
主要分為三步:
* 讀取用于生成圖表數(shù)據(jù)(數(shù)據(jù)庫(kù)、文件) * 設(shè)計(jì)圖表樣式(圓角、底色等) * 制作標(biāo)簽、題目、圖例并生成圖表下面看一個(gè)簡(jiǎn)單的柱狀圖表:
代碼如下:
<?php // Standard inclusions include('pChart/pData.class'); include('pChart/pChart.class'); // Dataset definition $DataSet = new pData; //圖表數(shù)據(jù) $DataSet->AddPoint(array(1,4,-3,2,-3,3,2,1,0,7,4),'Serie1'); $DataSet->AddPoint(array(3,3,-4,1,-2,2,1,0,-1,6,3),'Serie2'); $DataSet->AddPoint(array(4,1,2,-1,-4,-2,3,2,1,2,2),'Serie3'); $DataSet->AddAllSeries(); $DataSet->SetAbsciseLabelSerie(); //數(shù)據(jù)圖例 $DataSet->SetSerieName('Microsoft','Serie1'); $DataSet->SetSerieName('IBM','Serie2'); $DataSet->SetSerieName('Google','Serie3'); // Initialise the graph $Test = new pChart(700,230); //設(shè)置圖表尺寸、樣式 $Test->setFontProperties('Fonts/tahoma.ttf',8); $Test->setGraphArea(50,30,680,200); $Test->drawFilledRoundedRectangle(7,7,693,223,5,240,240,240); $Test->drawRoundedRectangle(5,5,695,225,5,230,230,230); $Test->drawGraphArea(255,255,255,TRUE); $Test->drawScale($DataSet->GetData(),$DataSet->GetDataDescription(),SCALE_NORMAL,150,150,150,TRUE,0,2,TRUE); $Test->drawGrid(4,TRUE,230,230,230,50); // Draw the 0 line $Test->setFontProperties('Fonts/MankSans.ttf',6); $Test->drawTreshold(0,143,55,72,TRUE,TRUE); // Draw the bar graph //柱狀圖要使用drawBarGraph() $Test->drawBarGraph($DataSet->GetData(),$DataSet->GetDataDescription(),TRUE,80); // Finish the graph //制作圖例、標(biāo)題、字體等屬性 $Test->setFontProperties('Fonts/MankSans.ttf',10); $Test->drawLegend(596,150,$DataSet->GetDataDescription(),255,255,255); $Test->setFontProperties('Fonts/MankSans.ttf',10); $Test->drawTitle(50,22,'Example',50,50,50,585); //生成圖表 $imageFile = 'example12.png'; $Test->Render($imageFile); echo ’<img src='http://www.aoyou183.cn/bcjs/’.$imageFile.’'>’;?>
這個(gè)是雷達(dá)效果的:
代碼:
<?php // Standard inclusions include('pChart/pData.class'); include('pChart/pChart.class'); // Dataset definition $DataSet = new pData; $DataSet->AddPoint(array('Memory','Disk','Network','Slots','CPU'),'Label'); $DataSet->AddPoint(array(6,4,7,4,5),'Serie1'); $DataSet->AddPoint(array(2,3,5,2,4),'Serie2'); $DataSet->AddSerie('Serie1'); $DataSet->AddSerie('Serie2'); $DataSet->SetAbsciseLabelSerie('Label'); $DataSet->SetSerieName('Reference','Serie1'); $DataSet->SetSerieName('Tested computer','Serie2'); // Initialise the graph $Test = new pChart(400,400); $Test->setFontProperties('Fonts/tahoma.ttf',8); $Test->drawFilledRoundedRectangle(7,7,393,393,5,240,240,240); $Test->drawRoundedRectangle(5,5,395,395,5,230,230,230); $Test->setGraphArea(30,30,370,370); $Test->drawFilledRoundedRectangle(30,30,370,370,5,255,255,255); $Test->drawRoundedRectangle(30,30,370,370,5,220,220,220); // Draw the radar graph //要使用drawRadarAxis()生成雷達(dá)效果 $Test->drawRadarAxis($DataSet->GetData(),$DataSet->GetDataDescription(),TRUE,20,120,120,120,230,230,230); $Test->drawFilledRadar($DataSet->GetData(),$DataSet->GetDataDescription(),50,20); // Finish the graph $Test->drawLegend(15,15,$DataSet->GetDataDescription(),255,255,255); $Test->setFontProperties('Fonts/tahoma.ttf',10); $Test->drawTitle(0,22,'Example',50,50,50,400); $imageFile = 'example8.png'; $Test->Render($imageFile); echo ’<img src='http://www.aoyou183.cn/bcjs/’.$imageFile.’'>’;?>
再看幾個(gè)其他的效果
1,餅圖:
2, 雙座標(biāo)曲線圖:
3, 層疊柱狀圖:
4, 多圖表:
圖表的種類已經(jīng)相當(dāng)豐富了,具體圖表設(shè)置請(qǐng)參考
http://pchart.sourceforge.net/documentation.php?topic=pChart
::源代碼下載:::
http://xiazai.jb51.net/202007/yuanma/pChart_jb51.rar
到此這篇關(guān)于PHP生成圖表pChart的示例解析的文章就介紹到這了,更多相關(guān)PHP生成圖表pChart內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. ajax請(qǐng)求添加自定義header參數(shù)代碼2. ASP基礎(chǔ)知識(shí)VBScript基本元素講解3. 解決android studio引用遠(yuǎn)程倉(cāng)庫(kù)下載慢(JCenter下載慢)4. Kotlin + Flow 實(shí)現(xiàn)Android 應(yīng)用初始化任務(wù)啟動(dòng)庫(kù)5. Python requests庫(kù)參數(shù)提交的注意事項(xiàng)總結(jié)6. Gitlab CI-CD自動(dòng)化部署SpringBoot項(xiàng)目的方法步驟7. 利用CSS3新特性創(chuàng)建透明邊框三角8. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式9. axios和ajax的區(qū)別點(diǎn)總結(jié)10. python操作mysql、excel、pdf的示例
