一 代码
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();
二 运行结果
相关推荐
在本文中，我们将深入探讨如何使用Ajax和Jpgraph库创建动态折线图。动态折线图是一种能够实时更新数据并展示变化趋势的图表，它在数据分析和监控中有着广泛的应用。通过Ajax技术，我们可以实现页面无刷新地更新图表...
在制作动态柱形图时，我们首先需要引入jpgraph库的相关文件。在示例中，我们参考了`accbarframeex01.php`这个文件，并将其改名为自定义的名称。然后，我们需要将jpgraph文件夹包含到我们的项目文件结构中。 在代码...
根据提供的文件信息，以下知识点详细的介绍了使用PHP和JpGraph库绘制折线图的步骤和相关技巧： 1. JpGraph库的引入：要使用JpGraph库绘制图表，首先需要下载并引入JpGraph的源码文件。本实例通过PHP的require_once...
在折线图中显示图例和标题是常见的需求，Jpgraph提供了相应的方法来设置图表的图例和标题，使其更直观易懂。 在完成所有设置后，使用`Stroke`方法将图表输出到浏览器。这个方法负责将绘图对象中的所有内容渲染成...
PHP借助jpgraph类库制作图表 一、 开发环境 1、环境搭建：Windows 7+Apache 2.4.18+MySQL... 2、文本编辑器：Sublime 3。 二、主要技术 本案例主要使用PHP 7中的Jpgraph 4.0.1类库来实现折线图、条形图和饼形图的制作。
通过Jpgraph类库创建折线图，对网站一天内的访问走势进行分析。
JpGraph支持生成多种类型的图表，如折线图、柱状图、饼状图等。 首先，要配置JpGraph库，需要按照以下步骤进行： 1. 修改php.ini文件，将jpgraph库的路径添加到include_path中，并将解压后的src目录名称更改为...
在`JpGraph`中，你可以使用`LinePlot`类创建折线图。以下是一个简单的例子： ```php // 创建画布 $graph = new Graph(700, 400); // 创建折线图 $xdata = range(1, 10); $ydata = array(1, 3, 2, 5, 4, 6, 7, 9, 8,...
里面index.php是汇总显示的，里面三个常见的统计图分别是：柱形图，折线图和饼状图；其中jpgraph类库需要自己下载，我下载的时候好像是4.0版本的，支持php5.0+,安装很简单，附有文档，解压后，需配置php.ini文件，...
折线图类库利用GD库的功能来构建图形，包括设置像素、颜色、线条样式等。 在类库中，`y值处理`是至关重要的部分。它通常涉及到将实际数据转化为图表上的点。开发者需要输入一系列的数值，类库会将这些数值映射到...
这是我用php+jpgraph做的一个生物钟查询。特别简单，供学习jpgraph的PHPER学习用。
无论是折线图用于展示趋势，还是条形图用于比较不同分类的数量，或者饼形图用于显示占比，JpGraph都能轻松应对。通过熟练掌握JpGraph的使用，可以显著提高开发效率，同时增强应用程序的用户体验。
php 插件库JpGraph实现多种统计图的实现 折线图 柱形图 饼图 散点图等等，通过php插件实现
**jpgraph统计图** `jpgraph` 是一个强大的PHP库，专为生成高质量的图表而设计，它使得在Web应用程序中展示数据变得更加直观和吸引人。这个库支持多种类型的统计图表，包括条形图、线形图、饼图、雷达图、散点图等...
这里给大家上传了一个可以制作任何图形的类库，直接下载，然后解压后找到自己想要的图形即可
【PHP使用JPGRAPH制作圆柱图的方法详解】 在PHP中，如果你需要生成具有专业外观的图表，例如圆柱图，可以使用JPGRAPH库。JPGRAPH是一个用PHP编写的开源图形库，提供了丰富的功能来创建各种类型的图表，包括条形图、...
JpGraph是一款强大的PHP图形组件，它提供了丰富的功能和详细的文档，使得开发者无需深入图形编程就能制作出专业级别的图表。 ### JpGraph简介 JpGraph是一款纯PHP编写的图形库，其目标是提供一个简单易用且高效的...