画IDC状态趋势图--后续

简介:
[背景]最近,发现如果分析一个log文件还是挺方便的,可如果log文件很多,那不是要做多个首页文件对应每一个log吗?哎,麻烦。今天,我就为解决这个问题,而又再次向我前段时间写的代码就进了扩充,功能是解决在一个页面下显示多个log文件,当然是通过选项进行切换文件的,而这些文件我是通过php指定到目录下面遍历出来的。功能还是很不错的。先来张图,给大家看看。





看到没,根据选择不同的log文件,下面的IP,包大小都会自动的调整的。这个功能的实现,还需要结合javascript功能的实现,当然还有个事件,那就是onchange
好了,说到这里,我还是扔代码给大家吧!
[Code]
index.php
<html>
<head>
<title>IDC状态图</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<mce:style type="text/css"><!--
.style1 {
        font-size: 16px;
        font-weight: bold;
}
--></mce:style><style type="text/css" mce_bogus="1">.style1 {
        font-size: 16px;
        font-weight: bold;
}</style>

<SCRIPT LANGUAGE="JavaScript">
<!--
function myfunction() 

     location.href="http://log.tiancity.net:8090/graph/test.php?file_path="+document.form1.select1.value;

//-->
</SCRIPT>

</head>

<body>
<?php
$i=0;
global $file_path;
$arr_files=array();
$path="/home/wiki/www/dev_tools/graph/log/";

$file_path=$_GET['file_path'];
if(!isset($file_path)){
  $file_path ="log/test.log";
}
else
{
$file_path="log/".$file_path;
}

if ($handle = opendir($path)) {
    while (false !== ($file = readdir($handle))) {
        if ($file != "." && $file != "..") {
                array_push($arr_files,$file);
        }
    }
    closedir($handle);
}

$fp = fopen ($file_path, "r");
while(!feof($fp)){
    $bruce=fgets($fp);
    $pieces = explode(",", $bruce);
    if(!is_null($pieces[1])){
       $ip_result[$i] = $pieces[1];
    } 
    if(!is_null($pieces[3])){
       $size_result[$i]=$pieces[3];
    }
    $i++;
}
fclose($fp);
$tmp_size_result=array_keys(array_flip($size_result));
$tmp_ip_result=array_keys(array_flip($ip_result));
?>
<form name="form1" method="get" action="result.php">
  <p align="center" class="style1"> IDC状态生成图</p>
  <table width="300" border="1" align="center" cellpadding="3" cellspacing="3">
<tr><td><strong>文件名:</strong></td><td>
<select name="select1" onChange="myfunction()"> 
<option>Null</option>
<?php foreach($arr_files as $file_name){ ?>
<option value="<?php echo $file_name ?>"><?php echo $file_name?></option>
<?php } ?>
</select>
</td></tr>

    <tr>
      <td width="85"><strong>IP:</strong></td>
<td width="188"><select name="ip" id="ip">
<?php 
while (list(,$value)= each($tmp_ip_result)){
?>        
<option value=<?php echo $value ?>><?php echo $value ?></option>
<?php } ?>
      </select></td>
    </tr>
    <tr>
      <td><strong>包大小:</strong></td>
      <td>
<select name="size" id="size">
<?php while(list(,$value)=each($tmp_size_result)){ ?>
        <option value=<?php echo $value ?> ><?php echo $value ?></option>
<?php } ?>
      </select></td>
    </tr>
    <tr>
      <td><strong>图宽度:</strong></td>
      <td>
<INPUT TYPE="text" NAME="img_width" value="1000">
</td>
    </tr>
<INPUT TYPE="hidden" NAME="file_name" value="<?php echo $file_path; ?>">
  </table>
  <p align="center">
    <input type="submit" value="生 成">
    <input type="reset" name="Submit2" value="重 置">
  </p>
</form>
</body>
</html>

result.php

<?php
include ("sgraph/jpgraph.php");
include ("sgraph/jpgraph_line.php");

$src_ip = $_GET["ip"];
$pack_size = $_GET["size"];
$image_width = $_GET["img_width"];
$file_name =$_GET["file_name"];

$i=0;
$fp = fopen ("$file_name", "r");
while (!feof($fp))
{
    $bruce=fgets($fp);
    $pieces = explode(",", $bruce);
 if($src_ip == $pieces[1]){
    if($pieces[3]==$pack_size){
       $result_min[$i]=$pieces[4];
       $result_avg[$i]=$pieces[5];
       $result_max[$i]=$pieces[6];
       $result_loss[$i]=$pieces[7]+0;
       $tmp_time=explode(" ",$pieces[2]);
       $tmp1_time=explode(":",$tmp_time[1]);
       $result_time[$i]=$tmp1_time[0].":".$tmp1_time[1];
       $i++;
    }
  }
}
fclose($fp);

$graph = new Graph($image_width,300,auto);                                                                      //创建新的Graph对象
$graph->SetScale("textlin");
$graph->SetShadow();                                                                                    //设置图像的阴影样式

$graph->img->SetMargin(60,30,30,70);                                                            //设置图像边距
$graph->title->Set("IDC状态(Size=$pack_size)");                                                //设置图像标题
$graph->title->SetMargin(10);

$lineplot1=new LinePlot($result_avg);                                                                        //创建设置两条曲线对象
$lineplot2=new LinePlot($result_min);
$lineplot3=new LinePlot($result_max);
$lineplot4=new LinePlot($result_loss);

$graph->Add($lineplot1);                                                                                        //将曲线放置到图像上
$graph->Add($lineplot2);
$graph->Add($lineplot3);
$graph->Add($lineplot4);

$graph->xaxis->title->Set("时间段");                                                                      //设置坐标轴名称
$graph->yaxis->title->Set("Ping值(ms)");
$graph->xaxis->title->SetMargin(10);
$graph->yaxis->title->SetMargin(15); 

$graph->title->SetFont(FF_SIMSUN,FS_BOLD);                                                      //设置字体
$graph->yaxis->title->SetFont(FF_SIMSUN,FS_BOLD);
$graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD);


$graph->xaxis->SetTickLabels($result_time);

$lineplot1->SetColor("red");                                                                            //设置颜色
$lineplot2->SetColor("blue");
$lineplot3->SetColor("green");
$lineplot4->SetColor("black");

$lineplot1->SetLegend("Avg");                                                           //设置图例名称
$lineplot2->SetLegend("Min");
$lineplot3->SetLegend("Max");
$lineplot4->SetLegend("Loss");

$graph->legend->SetLayout(LEGEND_HOR);                                                  //设置图例样式和位置
$graph->legend->Pos(0.5,0.96,"center","bottom");

$graph->Stroke();                                                                                               //输出图像

?>



本文转自hahazhu0634 51CTO博客,原文链接:http://blog.51cto.com/5ydycm/193006,如需转载请自行联系原作者

相关文章
|
3月前
|
存储 容灾 Serverless
函数计算产品使用问题之如何实现跨区域协同工作的需求
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
3月前
【Azure 云服务】指标哪去了?在执行 Swap (交换生产部署和Staging部署) 操作后看不见云服务的旧指标
【Azure 云服务】指标哪去了?在执行 Swap (交换生产部署和Staging部署) 操作后看不见云服务的旧指标
|
3月前
|
监控 测试技术 持续交付
持续部署的内涵和实施路径问题之定义灰度批次以及每一批的比例和观察时间的问题如何解决
持续部署的内涵和实施路径问题之定义灰度批次以及每一批的比例和观察时间的问题如何解决
|
5月前
|
监控 Serverless 开发工具
函数计算产品使用问题之要确保服务能在后台持续运行,而不依赖于WebUI是否打开,该怎么操作
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
安全 项目管理
「技术人生」第9篇:如何设定业务目标
本文将讲述如何设定业务目标的所有步骤和关键信息,很多点没有展开论述,读者可以结合个人实际工作情况进行进一步的深入思考。
864 11
「技术人生」第9篇:如何设定业务目标
|
数据采集 监控 安全
探索数据集与代理IP的无限可能,亮数据帮您开启数据驱动的未来!
探索数据集与代理IP的无限可能,亮数据帮您开启数据驱动的未来!
探索数据集与代理IP的无限可能,亮数据帮您开启数据驱动的未来!
|
机器人 API 区块链
Pionex派网量化网格交易机器人开发策略部署[源码执行规则示例]
Pionex派网量化网格交易机器人开发策略部署[源码执行规则示例]
|
存储 弹性计算 数据安全/隐私保护
深度解析计算巢镜像部署物复制与关联原理
计算巢服务是阿里云开放给企业应用服务商与其客户的服务管理PaaS平台。服务商在计算巢创建服务(可理解为云资源、软件编排后的集合)并发布上线后,用户便可通过此服务创建服务实例(基于计算巢服务创建的服务实体)以获取具体服务内容。通过镜像部署是一种常见的部署方式。在计算巢中,需要在部署物管理中创建Ecs镜像部署物、分发部署物,然后在创建服务时关联镜像部署物,即可实现用户在创建服务实例时依据不同地域,自动部署对应地域的Ecs镜像。本文旨在说明ECS部署物的复制原理与创建服务实例时的关联原理。
157 0
深度解析计算巢镜像部署物复制与关联原理
|
算法 网络协议 测试技术
能力迁移:找到自己的第二曲线
其实并不是反对用新技术比如自动化来提升工作效率,解决重复问题,而是在现实和理想之间要学会取舍。
能力迁移:找到自己的第二曲线
|
存储 资源调度 容灾
云端2021观察:“变化”
2021年是新世纪来,可能变化最剧烈的一年吧,我自己的体感是这样的。 作为一名在基础设施一线研发多年的码农,不自觉地问自己:这一年都发生了什么,自己做了什么,未来能做些什么?特别是未来的‘趋势’、未来的‘风口’。下面就是自己的一些‘务虚’思考。
159 0
云端2021观察:“变化”