Ajax Jpgraph实现的动态折线图功能示例

本文实例讲述了Ajax Jpgraph实现的动态折线图功能。分享给大家供大家参考，具体如下：

一代码

fun.js:

var I=1；函数进度(){ setInterval('beginProgress()'，600)；}函数beginProgress(){ $('#img ').attr('src '，' img.php？m=‘我’；我；if(I=12){ I=1；}}index.php:

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312/title AJax Jgraph制作动态折线图/title/head脚本语言=' JavaScript ' src=' http : js/jquery-1。3 .2 .js/script脚本语言=' JavaScript ' src=' http : js/fun。js '/脚本正文img id=' img ' src=' http : img。PHP？m=0'/br输入类型='按钮'值='开始onclick=' progress()'//body/html img。PHP:

？PHP require _ once ' src/jpgraph。PHP '；//导入Jpgraph类库require _ once ' src/jpgraph _ line。PHP '；//导入Jpgraph类库的柱状图功能$dataTmp=array(56，78，34，65，89，24，67，88，45，68，70，50)；//设置统计数据$data1=数组(0,0,0,0,0,0,0,0,0,0,0,0,0,0);//设置统计数据$ m=$ _ GET[' m ']；对于($ I=0；$ I $ m；$ I){ $ data 1[$ I]=$ DataTMp[$ I]；}$graph=new Graph(500，320)；$ graph-SetScale(' text Lin ')；$ graph-SetShadow()；$graph-img-SetMargin(40，30，30，70)；$graph-title-Set('图书销售走势表');$lineplot1=新的线图(数据1美元)；$ graph-Add($线图1)；$graph-xaxis-title-Set('月份');$graph-yaxis-title-Set('图书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('红色');$ line plot 1-set Legender('书a’)；$ graph-LEGEND-set布局(LEGEND _ HOR)；$ graph-图例-Pos(0.4，0.95，'中央','底部');$ graph-Stroke()；二运行结果

更多关于服务器端编程语言(专业超文本预处理器的缩写)相关内容感兴趣的读者可查看本站专题： 《PHP+ajax技巧与应用小结》 、 《PHP网络编程技巧总结》 、 《PHP基本语法入门教程》 、 《php面向对象程序设计入门教程》 、 《php字符串(string)用法总结》 、 《php+mysql数据库操作入门教程》 及《php常见数据库操作技巧汇总》

希望本文所述对大家服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。