使用Ajax与Jpgraph怎么实现一个动态折线图功能-创新互联

今天就跟大家聊聊有关使用Ajax与Jpgraph怎么实现一个动态折线图功能，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联主营元谋网站建设的网络公司,主营网站建设方案,app开发定制,元谋h5微信小程序搭建,元谋网站营销推广欢迎元谋等地区企业咨询

具体如下：

一 代码

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("图书销售走势表");
$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();

二 运行结果

看完上述内容，你们对使用Ajax与Jpgraph怎么实现一个动态折线图功能有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

网页名称：使用Ajax与Jpgraph怎么实现一个动态折线图功能-创新互联
网址分享：http://cdxtjz.cn/article/phdod.html