两种方式处理图表【php插件之jpgraph】【open-flash-chart】

最新推荐文章于 2024-07-30 21:02:40 发布
最新推荐文章于 2024-07-30 21:02:40 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： 凌乱 PHP 文章标签： php stylesheet date border javascript graph
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flyfish778/article/details/5507336
版权
凌乱 同时被 2 个专栏收录
64 篇文章 0 订阅
订阅专栏
PHP
26 篇文章 0 订阅
订阅专栏

这几天在工作中，用到了图表，了解了两种方法处理图表，供大家参考下：共同学习哦：

注：1.用到了jquer插件，2.有时间选择处理部分【可省略】

 

1.php插件之jpgraph

diaplay.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Display</title>
<link rel="stylesheet" href="../style/style.css"/>
  <link rel="stylesheet" href="../style/style.css"/>
  <link rel="stylesheet" href="../style/jquery-ui-1.7.custom.css"/>
  <link rel="stylesheet" type="text/css" href="../style/greybox.css"/>
 
  <script type="text/javascript" src="../js/jquery-1.3.1.js"></script>
  <script type="text/javascript" src="../js/jquery-ui-1.7.custom.min.js"></script>
  <script type="text/javascript" src="../js/greybox.js"></script>
</head>
<script>
// GreyBox
$(document).ready(function(){
 $('#select_date_from').datepicker();
 $('#select_date_to').datepicker();
});
function loadIFrame()
{
 var selectTime=$("input[name='selectTime']:checked").val();
 if(selectTime=="selectday")
 {
  var from=$("#select_date_from").val();
  var to=$("#select_date_to").val();
  if(from=="" || to=="")
  {
   alert("请选择你要查询的时间！！");
   return false;
  }
  $("#loadIFrame").attr("src","loadGraph.php?selectTime="+selectTime+"&from="+from+"&to="+to);
  $("#select_date_from").val("");
  $("#select_date_to").val("");
 }
 else
 {
  $("#loadIFrame").attr("src","loadGraph.php?selectTime="+selectTime);
 }
 

}
</script>
<body>
<div style="width:97%;">
 <b>性能显示</b>
 <span style="text-align:right;width:90%"><a href="javascript:history.go(-1);">【返回】</a></span>

 <div style="width:100%;height:20px; border:1px solid gray; background-color:#99CCFF;">时间选择</div>
 <div style="width:100%;height:40px; border:1px solid gray; background-color:#CCCCCC;">
 
  <table style="width:100%; ">
   <tr>
    <td><input name="selectTime" value="today" checked="checked" type="radio">今天</td>
    <td><input name="selectTime" value="yesterday"  type="radio">昨天</td>
    <td><input name="selectTime" value="selectday" type="radio">
    从  <input name="from" size="16" id="select_date_from" type="text" readonly>
    <script>//$('#select_date_from').datepicker();</script>
    到<input name="to" size="16" id="select_date_to" type="text" readonly>
      <script>//$('#select_date_to').datepicker();</script>
   <input name="Submit" value="显示" class="button" type="submit" onClick="loadIFrame();"> 
     </td></tr>
  </table>
 
 </div>
 
 <br>
 
 <div style="width:100%;height:20px; border:1px solid gray; background-color:#99CCFF;">图形显示</div>
 <div style="width:100%;height:250px; border:1px solid gray; background-color:#CCCCCC;text-align:center;">
 
 <br>
  <iframe src="loadGraph.php" width="99%" height="335" align="middle" id="loadIFrame"></iframe>
 <br>
 
 </div>
</div>
</body>
</html>

loadGraph.php

 <?php
require_once("../lib/jpgraph-2.3.4/src/jpgraph.php");
require_once("../lib/jpgraph-2.3.4/src/jpgraph_line.php");
require_once("../lib/jpgraph-2.3.4/src/jpgraph_date.php");

// Create a data set in range (50,70) and X-positions
$dataPoints=250;   //图表中点的个数【也就是记录的总数】

$totalSeconds=0;   //要查询总秒数

$legendString="今天";  //legend  提示信息

//now
$dateArray=getdate();
$year=$dateArray['year'];
$month=$dateArray['mon'];
$day=$dateArray['mday'];
$hour=0;
$minute=0;
$second=0;

$selectTime=trim($_GET['selectTime']);
$from=trim($_GET['from']);
$to=trim($_GET['to']);

if($selectTime=="selectday")
{
 $legendString=$from." ".$to;  //legend  提示信息
 $tempArray=explode("/",$from);  //   月/日/年
 $tempYear=$tempArray[2];
 $tempMonth=$tempArray[0];
 $tempDay=$tempArray[1];
 $tempHour=0;
 $tempMinute=0;
 $tempSecond=0;
 $start = mktime($tempHour,$tempMinute,$tempSecond,$tempMonth,$tempDay,$tempYear);
 
 $tempArray=explode("/",$to);  //   月/日/年
 $tempYear=$tempArray[2];
 $tempMonth=$tempArray[0];
 $tempDay=$tempArray[1];
 $tempHour=0;
 $tempMinute=0;
 $tempSecond=0;
 $end = mktime($tempHour,$tempMinute,$tempSecond,$tempMonth,$tempDay,$tempYear); 
 $totalSeconds=$end-$start; 
}
else if($selectTime=="yesterday")
{
 $legendString="昨天";    //legend  提示信息
 $totalSeconds=24*60*60;
 $start = mktime($hour,$minute,$second,$month,$day,$year);
 $start = $start - $totalSeconds;
 $end = $start+$totalSeconds; 
}
else
{
 $legendString="今天";    //legend  提示信息
 $totalSeconds=24*60*60;
 $start = mktime($hour,$minute,$second,$month,$day,$year);
 $end = $start+$totalSeconds;
}

//sql  处理部分
$data = array();
$xdata = array();
for( $i=0; $i < $dataPoints; ++$i ) {
    $data[$i] = rand(0,100);
    $xdata[$i] = $start + $totalSeconds*($i/$dataPoints);
}


// Create the new graph
$graph = new Graph(730,330);

// Slightly larger than normal margins at the bottom to have room for
// the x-axis labels
$graph->SetMargin(40,40,30,110);

// Fix the Y-scale to go between [0,100] and use date for the x-axis
$graph->SetScale('datlin',0,100,$start,$end);

$graph->title->SetFont(FF_SIMSUN,FS_NORMAL);
$graph->title->Set("性能统计图");

// Set the angle for the labels to 90 degrees
$graph->xaxis->SetLabelAngle(90);

$line = new LinePlot($data,$xdata);

$graph->legend->SetFont(FF_SIMSUN,FS_NORMAL);
$line->SetLegend($legendString);

$line->SetFillColor('lightred@0.5');
$graph->Add($line);
$graph->Stroke();
?>

 

 

 

 

2.open-flash-chart  处理图表

 

display2.php

 

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Display</title>
<link rel="stylesheet" href="../style/style.css"/>
  <link rel="stylesheet" href="../style/style.css"/>
  <link rel="stylesheet" href="../style/jquery-ui-1.7.custom.css"/>
  <link rel="stylesheet" type="text/css" href="../style/greybox.css"/>
 
  <script type="text/javascript" src="../js/jquery-1.3.1.js"></script>
  <script type="text/javascript" src="../js/jquery-ui-1.7.custom.min.js"></script>
  <script type="text/javascript" src="../js/greybox.js"></script>
</head>
<script>
// GreyBox
$(document).ready(function(){
 $('#select_date_from').datepicker();
 $('#select_date_to').datepicker();
 loadIFrame();
});
function loadIFrame()
{
 var time=new Date().getMilliseconds();
 var selectTime=$("input[name='selectTime']:checked").val();
 if(selectTime=="selectday")
 {
  var from=$("#select_date_from").val();
  var to=$("#select_date_to").val();
  if(from=="" || to=="")
  {
   alert("请选择你要查询的时间！！");
   return false;
  }
  $("#loadIFrame").load("loadGraph2.php?selectTime="+selectTime+"&from="+from+"&to="+to+"&time="+time);
  $("#select_date_from").val("");
  $("#select_date_to").val("");
 }
 else
 {
  $("#loadIFrame").load("loadGraph2.php?selectTime="+selectTime+"&time="+time);
 }
 

}
</script>
<body>
<div style="width:97%;">
 <b>性能显示</b>
 <span style="text-align:right;width:90%"><a href="javascript:history.go(-1);">【返回】</a></span>

 <div style="width:100%;height:20px; border:1px solid gray; background-color:#99CCFF;">时间选择</div>
 <div style="width:100%;height:40px; border:1px solid gray; background-color:#CCCCCC;">
 
  <table style="width:100%; ">
   <tr>
    <td><input name="selectTime" value="today" checked="checked" type="radio">今天</td>
    <td><input name="selectTime" value="yesterday"  type="radio">昨天</td>
    <td><input name="selectTime" value="selectday" type="radio">
    从  <input name="from" size="16" id="select_date_from" type="text" readonly>
    <script>//$('#select_date_from').datepicker();</script>
    到<input name="to" size="16" id="select_date_to" type="text" readonly>
      <script>//$('#select_date_to').datepicker();</script>
   <input name="Submit" value="显示" class="button" type="submit" onClick="loadIFrame();"> 
     </td></tr>
  </table>
 
 </div>
 
 <br>
 
 <div style="width:100%;height:20px; border:1px solid gray; background-color:#99CCFF;">图形显示</div>
 <div style="width:100%;height:250px; border:1px solid gray; background-color:#CCCCCC;text-align:center;">
 
 <br>
  <div id="loadIFrame"></div>
 <br>
 
 </div>
</div>
</body>
</html>

loadGraph2.php

 

 <meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache">

<?php

 $queryString=$_SERVER['QUERY_STRING'];
 include_once '../lib/ofc-library/open_flash_chart_object.php';
 open_flash_chart_object( 880, 250, 'line2.php?'.$queryString."&time=".time());
?>

 

line2.php

 

 <?php
/**
 * 图表数据处理页面
 *
 * 注：时间采集要就
 *
 * 五分钟收集一次数据
 *
 * 24*60*60/(5*60)=24*12 
 *
 * 则$dataPoints=24*12; 
 * $xStep=12;
 *
 * @auther zwc
 */
 
include_once ('../service/mysql_conn.php');
include_once('../lib/ofc-library/open-flash-chart.php');
FUN_Connect_Mysql(); 

$time=$_GET['time'];
$dataPoints=24*12;        //图表中点的个数【也就是记录的总数】
$totalSeconds=0;        //要查询总秒数
$legendString="今天";       //legend  提示信息
$xDateFormate="Y-n-j H:i:s";     //x轴日期格式化标准
$xStep=12;          //x轴步调
$data = array();        //图表显示数据
$links = array();        //点击图像的连接
$labels = array();        //x轴属性


//********************************时间处理部分**************************************
//now
$dateArray=getdate();
$year=$dateArray['year'];
$month=$dateArray['mon'];
$day=$dateArray['mday'];
$hour=0;
$minute=0;
$second=0;

$selectTime=trim($_GET['selectTime']);
$from=trim($_GET['from']);
$to=trim($_GET['to']);

if($selectTime=="selectday")
{
 $tempArray=explode("/",$from);  //   月/日/年
 $tempYear=$tempArray[2];
 $tempMonth=$tempArray[0];
 $tempDay=$tempArray[1];
 $tempHour=0;
 $tempMinute=0;
 $tempSecond=0;
 $start = mktime($tempHour,$tempMinute,$tempSecond,$tempMonth,$tempDay,$tempYear);
 $tempArray=explode("/",$to);  //   月/日/年
 $tempYear=$tempArray[2];
 $tempMonth=$tempArray[0];
 $tempDay=$tempArray[1];
 $tempHour=0;
 $tempMinute=0;
 $tempSecond=0;
 $end = mktime($tempHour,$tempMinute,$tempSecond,$tempMonth,$tempDay,$tempYear); 
 $totalSeconds=$end-$start; 
 $legendString=date("Y-n-j",$start)."  ".date("Y-n-j",$end);  //legend  提示信息
 $xDateFormate="Y-n-j";
}
else if($selectTime=="yesterday")
{
 $legendString="昨天";    //legend  提示信息
 $xDateFormate="H:i:s";
 $totalSeconds=24*60*60;
 $start = mktime($hour,$minute,$second,$month,$day,$year);
 $start = $start - $totalSeconds;
 $end = $start+$totalSeconds; 
}
else
{
 $legendString="今天";    //legend  提示信息
 $xDateFormate="H:i:s";
 $totalSeconds=24*60*60;
 $start = mktime($hour,$minute,$second,$month,$day,$year);
 $end = $start+$totalSeconds;
}
 

//********************************数据库操作部分************************************************
$rq2 =  "
 SELECT cbsd.*
 FROM cim_computersystem as ccs 
 Inner Join cim_elementstatisticaldata_array ON ccs.computerSystemID = cim_elementstatisticaldata_array.computerSystemID
 Inner Join cim_blockstoragestatisticaldata as cbsd ON cim_elementstatisticaldata_array.blockStorageStatisticalDataID = cbsd.blockStorageStatisticalDataID
 WHERE ccs.computerSystemID = '17034' and cbsd.statisticTime>='2010-03-25 05:09:26' order by cbsd.statisticTime asc";   
$query = query($rq2);
$temp=mysql_num_rows($query);
while ($fetchArray = fetchRow($query)){
 //$data[]=$fetchArray['totalIos'];
 //$links[]=$fetchArray['statisticTime'].":".$fetchArray['totalIos'];
 //$labels[]=$fetchArray['statisticTime'];
}

 

//****************************open-flash-chart部分******************************************

//生成随机数据      生成x轴数据
for( $i=0; $i <= $dataPoints; ++$i ) {
    $data[$i] = rand(0,$time);
    $links[$i]="javascript:alert('hello, i am no."+($i+1)+"')";
    $labels[$i] = date($xDateFormate,$start + $totalSeconds*($i/$dataPoints));
} 
//创建图形对象
 $g = new Graph();
//设置标题
 // Spoon sales, March 2007
 $g->title($legendString."的统计图", "{font-size: 25px;}");
//将数据对象添加到图形对象上
 $g->set_data($data);
//设置图例
 $g->line(2, "0x9933CC", $legendString, 10, 2);
 $g->line_hollow("2", "4", "0x80a033", "Bounces", "10");
 $g->line_dot("5", "5", "0x006699");
//将链接对象添加到图形对象上
 $g->set_links($links);
//设置X轴座标
 // label each point with its value
 // $labels[]="一月";
//设置X轴属性
 $g->set_x_labels($labels);
 $g->set_x_label_style("12", "#FF0000", 2,$xStep, ""); 
 $g->set_x_legend("时间", 12, "#736AFF");
 $g->set_x_axis_steps(2);
 // set the Y max
//设置y轴属性
 $g->set_y_max($time);//设置最大长度
 // label every 20 (0,20,40,60)
 //$g->y_label_steps(6);//设置步长
//输出
 echo $g->render();//输出图形
?>

 

 

 

 

 

 

张伟灿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
PHP实现jpgraph插件实现报表(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
05-19 35
PHP实现jpgraph插件实现报表(附完整源码)
php生成图表_使用PHP组件的4种最佳图表生成选项
culi3182的博客
08-29 2485
php生成图表Data is everywhere around us, but it is boring to deal with raw data alone. That’s where visualization comes into the picture. 数据无处不在，但仅处理原始数据很无聊。 这就是可视化进入图片的地方。 If you take a look at the Go...
php哪个图表库最好,15款经典图表软件推荐_PHP教程
weixin_42347629的博客
03-18 246
在这篇文章中，我将列出图表，图形和数据可视化的最佳软件，从创建基本的2D图表到产生复杂的数据集的数据可视化，这些PHP，Javascript、Flash的图表，对于任何一个严谨的开发者都是必须一览的。1. Fusion ChartsFusionCharts v3 帮助创建Web或企业应用的动画/交互的图表。企业级图表组件支持PCs, Macs, iPads, iPhones，以及大量其他的手机设备...
[转]JpGraph简介 --功能超级强大的PHP画图库
heiyeluren的blog（黑夜路人的开源世界）
06-15 6643
来源：http://listdo.bokee.com/viewdiary.12328652.html一、  么是JpGraph以前用PHP作图时必须要掌握复杂抽象的画图函数，或者借助一些网上下载的花柱形图、饼形图的类来实现。没有一个统一的chart类来实现图表的快速开发。现在我们有了一个新的选择：JpGraph。专门提供图表的类库。它使得作图变成了一件非常简单的事情，你只需从数据库中取出相关数
php 图表类库,PHP_20个PHP常用类库小结，图表库 下面的类库可以让你 - phpStudy
weixin_35021207的博客
04-01 135
20个PHP常用类库小结图表库下面的类库可以让你很简的创建复杂的图表和图片。当然，它们需要GD库的支持。pChart - 一个可以创建统计图的库。Libchart - 这也是一个简单的统计图库。JpGraph - 一个面向对象的图片创建类。Open Flash Chart - 这是一个基于Flash的统计图。RSS 解析MagpieRSS - 开源的PHP版RSS解析器，据说功能强大，未验证。Si...
JpGraph php图表类库
lyjtynet的专栏
09-04 1440
刚下载了JpGraph，试用后发现的确不错，现将使用时的一些经验奉献给大家，由于时间仓促，加之小弟水平有限，写的不对之处还情大家指正。一、 么是JpGraph以前用PHP作图时必须要掌握复杂抽象的画图函数，或者借助一些网上下载的花柱形图、饼形图的类来实现。没有一个统一的chart类来实现图表的快速开发。现在我们有了一个新的选择：JpGraph。专门提供图表的类库。它使得作图变成了一件非常简单的事情
图表插件-15款经典图表插件软件推荐 创建最漂亮的图表
养有道
08-26 1662
在这篇文章中，我将列出 图表，图形和数据可视化的最佳软件，从创建基本的2D图表到产生复杂的数据集的数据可视化，这些PHP，Javascript、Flash的图表，对于任何一个严谨的开发者都是必须一览的。    1. Fusion Charts FusionCharts v3 帮助创建Web或企业应用的动画/交互的图表。企业级图表组件支持PCs, Macs, iPads, iPhones，
三个常用的PHP图表类库
Shenya的博客
05-06 7924
Jpgraph 只要把example中的require_once路径改了就放进来用吧，我下的是最新版的jpgraph-3.5.0b1，反正测试嘛，我记得跟3.0.7还是有差别的，把文件名都重新命名过了，这个不错，原先都是example1~n，都不知道是个什么东西。好吧随便打开第一个文件accbarex1.php，是个柱状图BarPlot，还有其他LinePlot线性图,PiePlot饼状
php 数据图形,15款经典图表软件推荐_php
weixin_39534978的博客
03-10 578
在这篇文章中，我将列出图表，图形和数据可视化的最佳软件，从创建基本的2D图表到产生复杂的数据集的数据可视化，这些图表，对于任何一个严谨的开发者都是必须一览的。1. Fusion ChartsFusionCharts v3 帮助创建web或企业应用的动画/交互的图表。企业级图表组件支持PCs, Macs, iPads, iPhones，以及大量其他的手机设备。2. Maanibxml/SWF 图表是...
Flash Chart tool
weixin_38168696的博客
08-15 156
一、Open Flash Chart Open Flash Chart 是一个用来生成Flash的图表的开源组件，项目首页有很多漂亮的Flash图表以及使用示例。 作者语录： And it's really free?! Yes. Once upon a time I had to deal with a company who sell flash charti...
用CSS改变鼠标样式
想飞的鱼
10-13 1093
 用CSS改变鼠标样式   关键字： 解释： 样式：   auto 自动改变样式    crosshair 精确定位"+" 用鼠标指着我察看效果   default 默认指针 用鼠标指着我察看效果   hand 手形 用鼠标指着我察看效果   move 移动 用鼠标指着我察看效果   e-resize 箭头朝右方 用鼠标指着我察看效果   ne-resize 箭头朝右上方 用鼠标指着我察看效果  
智趣：银行卡的密码是多少
想飞的鱼
09-15 1084
<br />1     2     3                 7     8     9  <br />4     5     6                 4     5     6  <br />7     8     9                 1     2     3  <br />      0                             0        <br />老王到商场附近的ATM机支取现金以备消费。插入磁卡后，屏幕上出现“请输入您的密码”。老王在键
显示页码
想飞的鱼
10-29 869
  function showPage($sumResults,$resultPerPage,$page,$url,$parameterKeyValue,$pageParameterKey,$loadDivName) {  $sumPages=0;//总共的页数  $displayPageSum=7;//页码显示几位，出现省略号  此处的设置最好位奇数。否则会出现页码多少不一致的情况。  $str
童言无忌
想飞的鱼
06-17 679
<br />5岁儿子：（指着妈妈红色的迷你裙）妈妈，你今天真性感！<br />妈妈：小崽子，怎么这么跟妈妈说话？跟谁学的！<br />10岁儿子：（冲着弟弟）我跟你说过多少遍啦，不要招惹有夫之妇！<br />口渴<br />爸爸把儿子哄上床后，回到自己的卧室准备睡觉。<br />“爸爸！”儿子叫道。<br />“什么事儿？”<br />“我口渴，给我拿杯水好吗？”<br />“你刚才不是喝过了嘛！快睡觉，我已经关灯啦！”<br />5分钟后……<br />“爸爸！我口渴，你就不能给我拿杯水吗？”<br />
RCE和php文件上传
最新发布
m0_71332744的博客
07-30 882
在网络安全领域，远程命令执行（RCE）和文件上传漏洞是两种常见的攻击方式。本文将带大家深入了解这两种漏洞的原理、利用方法以及如何进行有效防御。
53、PHP 实现归并排序
weixin_44010641的博客
07-30 371
【代码】53、PHP 实现归并排序。
这款ERP云进销存系统，直接封神
魔法标记
07-29 855
一套用php写的ERP云进销存系统，快速部署，直接使用，简直是小公司和个体户的神器。
WordPress原创插件：搜索引擎抓取首图seo图片
爱酷码的博客
07-29 546
WordPress原创插件：搜索引擎抓取首图seo图片。
PHP Jpgraph库实战：轻松创建专业统计图表
Jpgraph的灵活性还体现在它可以创建复杂的图表，如组合图（同时包含柱状图和折线图）、3D效果的图表，甚至自定义图例和数据标记。此外，Jpgraph也支持PDF和SVG输出，这使得在报表和文档中嵌入高质量的统计图成为可能...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值