• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax+Jpgraph实现的动态折线图功能示例

    本文实例讲述了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 jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图
    • php使用Jpgraph创建折线图效果示例
    • php使用Jpgraph绘制复杂X-Y坐标图的方法
    • php使用Jpgraph绘制简单X-Y坐标图的方法
    • php使用Jpgraph绘制3D饼状图的方法
    • PHP图形操作之Jpgraph学习笔记
    • php使用Jpgraph绘制柱形图的方法
    • php使用Jpgraph绘制饼状图的方法
    • php图形jpgraph操作实例分析
    • php使用Jpgraph创建柱状图展示年度收支表效果示例
    • php使用Jpgraph创建3D饼形图效果示例
    上一篇:php防止表单重复提交实例讲解
    下一篇:Ajax+PHP实现的模拟进度条功能示例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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