本文实例讲述了ajax+jpgraph实现的动态折线图功能。分享给大家供大家参考，具体如下：
一 代码
fun.js：
var i=1;function progress(){ tinterval("beginprogress()", 600);}function beginprogress(){ $("#img").attr("src", "img.php?m="+i); i++; if(i>=12){ i=1; }}index.php：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; chart=gb2312" /><title>ajax+jpgraph制作动态折线图</title></head><script language="javascript" src="js/jquery-1.3.2.js"></script><script language="javascript" src="js/fun.js"></script><body> <img id="img" src="img.php?m=0" /> <br> <input type="button" value="开始" onclick="progreye of the tigeress()"/></body></html>
img.php：
<?phprequire_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 = array(0, 0, 0, 0, 0, 0 ,0 ,0, 0, 0, 0, 0); //设置统计数据$m = $_get['m'];for($i=0; $i<$m; $i++){ $data1[$i] = $datatmp[$i];}$graph = new graph(500, 320);$graph->tscale("textlin");$graph->tshadow();$graph->img->tmargin(40, 30, 30, 70);$graph->title->t("图书销售走势表");$lineplot1 = new lineplot($data1);$graph->add($lineplot1);$graph->xaxis->title->t("月份");$graph->yaxis->title->t("book a销售金额（万元）");$graph->title->tf人为什么会打呼噜ont(ff_simsun, fs_bold);$graph->yaxis->title->公共事业管理论文tfont(ff_simsun, fs_bold);$graph->xaxis->title->tfont(ff_simsun, fs_bold);$lineplot1->tcolor('red');$lineplot1->tlegend('book a');$graph->legend->tlayout(legend_hor);$graph->legend->pos(0.4, 0.95, 'c社会主义初级阶段主要矛盾enter', 'bottom');$graph->stroke();二 运行结果腼腆的近义词
更多关于php相关内容感兴趣的读者可查看本站专题：《php+ajax技巧与应用小结》、《php网络编程技巧总结》、《php基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家php程序设计有所帮助。
本文发布于:2023-04-06 15:45:35，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/024704a64d596b3fc7e17b1a14c58308.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：Ajax+Jpgraph实现的动态折线图功能示例.doc
本文 PDF 下载地址：Ajax+Jpgraph实现的动态折线图功能示例.pdf
| 留言与评论（共有 0 条评论） |
