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

 更新时间:2019年02月11日 11:47:05   作者:chengqiuming  
这篇文章主要介绍了Ajax+Jpgraph实现的动态折线图功能,结合实例形式分析了ajax结合jpgraph.php类库绘制动态折线图的相关操作技巧,需要的朋友可以参考下

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

一 代码

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:

<!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; charset=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="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 = 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->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();

二 运行结果

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

希望本文所述对大家PHP程序设计有所帮助。

相关文章

  • PHP实现git部署的方法教程

    PHP实现git部署的方法教程

    虽然一直用git做版本管理,以前也用过git项目的部署,但都没有坚持这种习惯,最近决定再学习下,下面这篇文章主要给大家介绍了关于PHP实现git部署的方法教程,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-12-12
  • php通用防注入程序 推荐

    php通用防注入程序 推荐

    今天做完了整个php项目,想来安全问题不少,开发程序的过程中无心过滤参数。所以注入少不了,才有了下面的防注入程序.
    2011-02-02
  • PHP 读取和修改大文件的某行内容的代码

    PHP 读取和修改大文件的某行内容的代码

    最近碰到一个比较有趣的问题,就是修改某个文件的某一行字符,不过文件太大,file()直接读取是不可能的,我使用fgets来跳转到指定行,并用fwrite修改某个字符串。
    2009-10-10
  • 解决php中Cannot send session cache limiter 的问题的方法

    解决php中Cannot send session cache limiter 的问题的方法

    解决php中Cannot send session cache limiter 的问题的方法...
    2007-04-04
  • PHP编程之设置apache虚拟目录

    PHP编程之设置apache虚拟目录

    这篇文章主要为大家详细介绍了设置apache虚拟目录的方法,步骤很简单,希望对大家有用,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 防止MySQL注入或HTML表单滥用的PHP程序

    防止MySQL注入或HTML表单滥用的PHP程序

    据悉,如果表单无担保,MySQL形式的恶意代码注入将攻击网站。HTML表单如下拉菜单,搜索框和复选框都容易成为这类型侵入的切入点。本文将解释所发生的这种攻击,以及如何防止它。已知的安全事项和背景。
    2009-01-01
  • php中替换字符串函数strtr()和str_repalce()的用法与区别

    php中替换字符串函数strtr()和str_repalce()的用法与区别

    在php中替换函数主要有strtr(),str_repalce()这两个函数,下面这篇文中主要给大家介绍下这两者之间的区别和用法,文中通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面跟着小编一起来学习学习吧。
    2016-11-11
  • PHP各种常见经典算法总结【排序、查找、翻转等】

    PHP各种常见经典算法总结【排序、查找、翻转等】

    这篇文章主要介绍了PHP各种常见经典算法,结合实例形式总结分析了php排序、查找、翻转等算法相关实现技巧,需要的朋友可以参考下
    2019-08-08
  • PHP代码覆盖率统计详解

    PHP代码覆盖率统计详解

    这篇文章主要介绍了PHP代码覆盖率统计详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例

    PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例

    这篇文章主要介绍了PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类,涉及php针对jpeg、png、gif等格式图片的缩放与输出相关操作技巧,需要的朋友可以参考下
    2019-06-06

最新评论