綁2次先循環(huán)列 再循環(huán)行你想輸出類似課表的表格吧橫向是星期幾或者日期 縱向是時(shí)間點(diǎn)
創(chuàng)新互聯(lián)建站專注于企業(yè)成都營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、尖山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁(yè)面制作、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為尖山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
你看 echart 需要什么樣式的參數(shù), 你就把回調(diào)數(shù)據(jù)重新構(gòu)造成那種數(shù)據(jù)扔進(jìn)dataset 然后重新渲染一下圖形就出來(lái)了
pChart是一個(gè)開源的圖表生成庫(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需要開啟GD服務(wù),先來(lái)看看p
pChart是一個(gè)開源的圖表生成庫(kù),主要涉及3個(gè)Class:,?,?,可生成20多種簡(jiǎn)單或復(fù)雜的圖表,支持PNG,JPG,GIF通用圖片格式。數(shù)據(jù)源可以來(lái)自于Database,CSV,當(dāng)然也可以手寫。使用該程序PHP需要開啟GD服務(wù),先來(lái)看看pChart的工作流程:
?
主要分為三步:
* 讀取用于生成圖表數(shù)據(jù)(數(shù)據(jù)庫(kù)、文件)
* 設(shè)計(jì)圖表樣式(圓角、底色等)
* 制作標(biāo)簽、題目、圖例并生成圖表
下面看一個(gè)簡(jiǎn)單的柱狀圖表:
?
代碼如下:
?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.'"'
其實(shí)也很簡(jiǎn)單的,你重新再調(diào)用一次highcharts渲染一次就可以了。
代碼我就不寫了,我說(shuō)一下大致流程:
使用ajax異步獲取相關(guān)數(shù)據(jù);
重新調(diào)用$('#container_custom_default').highcharts(...)就可以了,調(diào)用的時(shí)候把你的數(shù)據(jù)放在對(duì)應(yīng)你原本使用php輸出的地方。
重新再調(diào)用一次$('#container_week').highcharts(...)就可以了,把你取到的數(shù)據(jù)放到data后面。
我是這樣做的,我在teechart控件中加了一個(gè)Series 叫horizBar1然后把從數(shù)據(jù)庫(kù)中讀取出的dataset給horizBar1.DataSource!
當(dāng)前標(biāo)題:chart數(shù)據(jù)綁定php,chart數(shù)據(jù)綁定
網(wǎng)頁(yè)URL:http://jinyejixie.com/article40/hsieho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、ChatGPT、網(wǎng)站內(nèi)鏈、App開發(fā)、微信小程序、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容