今天就跟大家聊聊有關(guān)使用Ajax與Jpgraph怎么實(shí)現(xiàn)一個(gè)動(dòng)態(tài)折線圖功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)主營(yíng)元謀網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app開發(fā)定制,元謀h5微信小程序搭建,元謀網(wǎng)站營(yíng)銷推廣歡迎元謀等地區(qū)企業(yè)咨詢

具體如下：

一 代碼

fun.js：

var i=1;
function progress(){
  setInterval("beginProgress()", 600);
}
function beginProgress(){
 $("#img").attr("src", "img.php?m="+i);
 i++;
 if(i>=12){
   i=1;
 }
}

index.php：

img.php：

SetScale("textlin");
$graph->SetShadow();
$graph->img->SetMargin(40, 30, 30, 70);
$graph->title->Set("圖書銷售走勢(shì)表");
$lineplot1 = new LinePlot($data1);
$graph->Add($lineplot1);
$graph->xaxis->title->Set("月份");
$graph->yaxis->title->Set("book A銷售金額（萬元）");
$graph->title->SetFont(FF_SIMSUN, FS_BOLD);
$graph->yaxis->title->SetFont(FF_SIMSUN, FS_BOLD);
$graph->xaxis->title->SetFont(FF_SIMSUN, FS_BOLD);
$lineplot1->SetColor('red');
$lineplot1->SetLegend('book A');
$graph->legend->SetLayout(LEGEND_HOR);
$graph->legend->Pos(0.4, 0.95, 'center', 'bottom');
$graph->Stroke();

二 運(yùn)行結(jié)果

看完上述內(nèi)容，你們對(duì)使用Ajax與Jpgraph怎么實(shí)現(xiàn)一個(gè)動(dòng)態(tài)折線圖功能有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享標(biāo)題：使用Ajax與Jpgraph怎么實(shí)現(xiàn)一個(gè)動(dòng)態(tài)折線圖功能-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/phdod.html