脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → PHP编程 → php技巧 → Ajax+Jpgraph动态折线图

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蜘蛛统计插件只要有mysql就可用

    发款php蜘蛛统计插件只要有mysql就可用

    有时候我们为了看一下蜘蛛爬行的情况，不得不对日志进行大量的分析，由此想做一款插件可以记录蜘蛛的情况。在第一次做的时候，只是记录下蜘蛛的爬行次数，不大好分析。
    2010-10-10
  • PHP实现的简单路由和类自动加载功能

    PHP实现的简单路由和类自动加载功能

    这篇文章主要介绍了PHP实现的简单路由和类自动加载功能,结合实例形式分析了php路由及类自动加载的原理与相关实现技巧,需要的朋友可以参考下
    2018-03-03
  • 用PHP实现读取和编写XML DOM代码

    用PHP实现读取和编写XML DOM代码

    用PHP读取和编写XML DOM代码，需要的朋友可以参考下。
    2010-04-04
  • 深入了解PHP的垃圾回收机制

    深入了解PHP的垃圾回收机制

    这篇文章主要介绍了PHP垃圾回收机制讲解,本篇文章通过简要的案例,详细讲解了该机制的原理与使用,以下就是详细内容,需要的朋友可以参考下
    2022-08-08
  • php下使用strpos需要注意 === 运算符

    php下使用strpos需要注意 === 运算符

    首先应该知道 strpos 函数可能返回布尔值 FALSE，但也可能返回一个与 FALSE 等值的非布尔值，例如 0 或者""。我们应使用 === 运算符来测试本函数的返回值。
    2010-07-07
  • 关于Appserv无法打开localhost问题的解决方法

    关于Appserv无法打开localhost问题的解决方法

    安装了Appserv时，无法打开http://localhost或是http://127.0.0.1 下面的具体的解决方法，大家可以参考下。多注意看下端口占用问题。
    2009-10-10
  • PHP基于SimpleXML生成和解析xml的方法示例

    PHP基于SimpleXML生成和解析xml的方法示例

    这篇文章主要介绍了PHP基于SimpleXML生成和解析xml的方法,结合完整实例形式分析了php使用SimpleXML生成及解析xml格式数据的具体操作技巧,需要的朋友可以参考下
    2017-07-07
  • 详谈php ip2long 出现负数的原因及解决方法

    详谈php ip2long 出现负数的原因及解决方法

    下面小编就为大家带来一篇详谈php ip2long 出现负数的原因及解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • PHP常见数组函数用法小结

    PHP常见数组函数用法小结

    这篇文章主要介绍了PHP常见数组函数用法,结合实例形式分析了array_merge、array_slice及array_map函数的使用技巧,需要的朋友可以参考下
    2016-03-03
  • PHP实现的二分查找算法实例分析

    PHP实现的二分查找算法实例分析

    这篇文章主要介绍了PHP实现的二分查找算法,结合实例形式分析了二分查找算法的原理与循环、递归等实现技巧,需要的朋友可以参考下
    2017-12-12

最新评论