使用Ajax与Jpgraph怎么实现一个动态折线图功能

  介绍

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

具体如下:

<强>一代码

乐趣。js:

var  i=1;   function 进展(){   setInterval才能(“beginProgress (),,, 600);   }   function  beginProgress () {   ,$ (“# img") .attr (“src",,“img.php ? m=? i);   ,我+ +;   ,如果(i>=12) {   ,,i=1;   ,}   }

索引。php:

& lt; ! DOCTYPE  html  PUBLIC “-//W3C//DTD  XHTML  1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;   & lt; html  xmlns=癶ttp://www.w3.org/1999/xhtml"比;   & lt; head>   & lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=gb2312",/比;   & lt; title> Ajax + Jpgraph制作动态折线图& lt;/title>   & lt;/head>   & lt; script 语言=癹avascript", src=https://www.yisu.com/zixun/" js/jquery-1.3.2.js ">   <脚本语言=" javascript " src=" js/fun.js ">   身体<>      
        %20%20

%20img。php:%20

%20%20&%20lt;%20php%20?   require_once %20&%20#%2039;%20src/jpgraph.php&%20#%2039;;,,,//导入Jpgraph类库   require_once %20&%20#%2039;%20src/jpgraph_line.php&%20#%2039;;,,,//导入Jpgraph类库的柱状图功能   $%20dataTmp =,阵列(56岁,78年,34岁,65年,89年,24,,67,,88,,45岁,68年,70年,50);,,,//设置统计数据   $%20data1 =,阵列(0,0,0,0,0,0,,0,,0,0,0,0,0),,,,//设置统计数据   时间=美元m %20$%20_GET[&%20#%2039;猴子#%2039;];   (我=0;美元,美元i%20

%20<强>二运行结果%20

%20

%20

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

使用Ajax与Jpgraph怎么实现一个动态折线图功能