設(shè)計兩個表,一個表保存項目和班次的信息并且有個關(guān)聯(lián)字段,另一個表保存日期,a,b,c等信息并且有個關(guān)聯(lián)字段。插入數(shù)據(jù)的時候,按照關(guān)聯(lián)插入。查詢的時候根據(jù)關(guān)聯(lián)字段查詢。

十余年的大興安嶺網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整大興安嶺建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“大興安嶺網(wǎng)站設(shè)計”,“大興安嶺網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
獲取到數(shù)據(jù)后,怎么顯示出來網(wǎng)上有很多PHP例子,你可以搜搜,PHP 圖表,你挑一個就行。
畫坐標(biāo)軸你可以插入一個excel的圖表,然后把數(shù)據(jù)刪除,設(shè)置一下xy軸的刻度單位。或者用word的繪圖工具畫好一個刻度之后復(fù)制、旋轉(zhuǎn)、組合一下,不過沒前一個方法方便。
左右都有的坐標(biāo)軸,左邊的是主坐標(biāo)軸,右邊的是次坐標(biāo)軸
這個需要你繪制的圖表中至少含有兩條數(shù)據(jù),比如數(shù)量和占比
然后選中一條數(shù)據(jù),右鍵,設(shè)置數(shù)據(jù)系列格式,系列產(chǎn)生在,選次坐標(biāo)軸即可
重點是一定要選擇一條數(shù)據(jù)系列
?php
include ("src/jpgraph.php");
include ("src/jpgraph_line.php");
//將要用于圖表創(chuàng)建的數(shù)據(jù)存放在數(shù)組中
$data = array(19,23,34,38,45,67,71,78,85,87,90,96);
$graph = new Graph(400,300); //創(chuàng)建新的Graph對象
$graph-SetScale("textlin"); //設(shè)置刻度樣式
$graph-img-SetMargin(30,30,80,30); //設(shè)置圖表邊界
$graph-title-Set("Year to Date Cost"); //設(shè)置圖表標(biāo)題
// Create the linear plot
$lineplot=new LinePlot($data); // 創(chuàng)建新的LinePlot對象
$lineplot-SetLegend("Amount(M dollars)"); //設(shè)置圖例文字
$lineplot-SetColor("red"); // 設(shè)置曲線的顏色
// Add the plot to the graph
$graph-Add($lineplot); //在統(tǒng)計圖上繪制曲線
// Display the graph
$graph-Stroke(); //輸出圖像
?
pChart是一個開源的圖表生成庫,主要涉及3個Class: pChart.class , pData.class , pCache.class ,可生成20多種簡單或復(fù)雜的圖表,支持PNG,JPG,GIF通用圖片格式。數(shù)據(jù)源可以來自于Database,CSV,當(dāng)然也可以手寫。使用該程序PHP需要開啟GD服務(wù),先來看看p
pChart是一個開源的圖表生成庫,主要涉及3個Class:,?,?,可生成20多種簡單或復(fù)雜的圖表,支持PNG,JPG,GIF通用圖片格式。數(shù)據(jù)源可以來自于Database,CSV,當(dāng)然也可以手寫。使用該程序PHP需要開啟GD服務(wù),先來看看pChart的工作流程:
?
主要分為三步:
* 讀取用于生成圖表數(shù)據(jù)(數(shù)據(jù)庫、文件)
* 設(shè)計圖表樣式(圓角、底色等)
* 制作標(biāo)簽、題目、圖例并生成圖表
下面看一個簡單的柱狀圖表:
?
代碼如下:
?php?// Standard inclusionsinclude("pChart/pData.class");
include("pChart/pChart.class");
// Dataset definition?$DataSet?=?newpData;
//圖表數(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?=?newpChart(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="'.$imageFile.'"'
一般都用js Highcharts,你想用php繪成圖片?這個百度上php繪制圖表就有了
Echarts-map.js :主要用來渲染跟地圖相關(guān)
Echarts.js :基本的常規(guī)圖形相關(guān)
Esl.js :圖像引擎
Statics文件夾下的ECharts.js文件,為我自己抽象總結(jié)出來的用于Echarts的配置文件加載、數(shù)據(jù)處理、初始化各種圖像類型的配置、圖像渲染的一些方法。
2. 抽象之后的Echarts。
Echarts的使用歸結(jié)為一下的幾個步驟,同時這些步驟相應(yīng)的實現(xiàn)對應(yīng)到Statics文件夾下的Echarts.js,該文件的主要代碼目錄如下:
[javascript] view plaincopy
Var ECharts={
ChartConfig:function(container,option){ …..},//加載Echarts配置文件
ChartDataFormate:{….},//數(shù)據(jù)格式化
ChartOptionTemplates:{….},//初始化常用的圖表類型
Charts:{ RenderChart:function(option){….},//渲染圖表
RenderMap:function(option){…}//渲染地圖
}
}; 更多問題到問題求助專區(qū)
名稱欄目:php數(shù)據(jù)轉(zhuǎn)圖表 數(shù)據(jù)轉(zhuǎn)換圖表
文章地址:http://chinadenli.net/article48/hipdep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、面包屑導(dǎo)航、小程序開發(fā)、網(wǎng)站排名、自適應(yīng)網(wǎng)站、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)