result-charts
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh">
<head>
<base href="<%=basePath%>">
<!-- jsp文件头和头部 -->
<%@ include file="../admin/top.jsp"%>
</head>
<body>
<div class="container-fluid" id="main-container">
<div id="page-content" class="clearfix">
<div class="row-fluid">
<div class="row-fluid">
<div class="col-lg-6" id="topn">
<button class="btn-pm btn-top15" id="echart-15" >Top15</button>
<button class="btn-pm btn-top20" id="echart-20">Top20</button>
<input id="topNum" type="text"
class="btn-pm btn-topN" placeholder="Top(N)"
style="width: 60px;" maxlength="2">
</div>
<div id="container" style="min-width: 700px; min-height: 500px;">
</div>
<!-- 报表 -->
<table id="table_report"
class="table table-striped table-bordered table-hover center">
<thead>
<tr class="center">
<th>序号</th>
<th>网元</th>
<th>采集粒度</th>
<th>收到消息（receive）</th>
<th>获取数据（process 2）</th>
<th>转换数据（process 3）</th>
<th>存储数据（process 5）</th>
<th>入库完成（process 7）</th>
<th>总时间</th>
<th class="center">错误信息</th>
</tr>
</thead>
<tbody>
<!-- 开始循环 -->
<c:choose>
<c:when test="${not empty pmResults}">
<c:forEach items="${pmResults}" var="result" varStatus="res">
<tr class="center">
<td class='center' style="width: 30px;">${res.index+1}</td>
<td class="center"><a
href="task/pm_detail.do?pm_id=${PM_RESULT_ID} }">${result.NEID}</a></td>
<td class="center">${result.TIME_SPAN}</td>
<td class="center"><a style="cursor: pointer;"
target="mainFrame"
onclick="result(${result.PM_RESULT_ID},${res.index+1},'task/pm_detail.do?step=1')">${result.RECEIVE_REPORT_MSG_TIME}
分钟</a></td>
<td class="center"><a style="cursor: pointer;"
target="mainFrame"
onclick="result(${result.PM_RESULT_ID},${res.index+1},'task/pm_detail.do?step=2')">${result.PROCESS_GET_FILE_TIME}
分钟</a></td>
<td class="center"><a style="cursor: pointer;"
target="mainFrame"
onclick="result(${result.PM_RESULT_ID},${res.index+1},'task/pm_detail.do?step=3')">${result.PROCESS_PARSE_TIME}
分钟</a></td>
<td class="center"><a style="cursor: pointer;"
target="mainFrame"
onclick="result(${result.PM_RESULT_ID},${res.index+1},'task/pm_detail.do?step=5')">${result.PROCESS_STORE_TIME}
分钟</a></td>
<td class="center"><a style="cursor: pointer;"
target="mainFrame"
onclick="result(${result.PM_RESULT_ID},${res.index+1},'task/pm_detail.do?step=7')">${result.PROCESS_FINISH_TIME}
分钟</a></td>
<td class="center">${result.TOTAL_TIME}分钟</td>
<td class="center"><a style="cursor: pointer;"
target="mainFrame"
onclick="result(${result.PM_RESULT_ID},${res.index+1},'task/pm_reslut_log.do?')">查看日志</a></td>
</tr>
</c:forEach>
</c:when>
<c:otherwise>
<tr class="main_info">
<td colspan="100" class="center">没有相关数据</td>
</tr>
</c:otherwise>
</c:choose>
</tbody>
</table>
</form>
</div> <!-- PAGE CONTENT ENDS HERE -->
</div>
<!--/row--> </div>
<!--/#page-content-->
</div>
<!--/.fluid-container#main-container--> <!-- 引入 -->
<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ace-elements.min.js"></script>
<script src="static/js/ace.min.js"></script>
<!-- 引入 --> <script type="text/javascript">
{
$(top.hangge()); //检索
function search(){
top.jzts();
$("#Form").submit();
} //删除
function del(taskId){
if(confirm("确定要删除?")){
top.jzts();
var url = '<%=basePath%>task/delete.do?taskId='+taskId;
$.get(url,function(data){
/* nextPage(${page.currentPage}); */
});
}
}
</script> <script type="text/javascript"> //全选 （是/否）
function selectAll(){
var checklist = document.getElementsByName ("ids");
if(document.getElementById("zcheckbox").checked){
for(var i=0;i<checklist.length;i++){
checklist[i].checked = 1;
}
}else{
for(var j=0;j<checklist.length;j++){
checklist[j].checked = 0;
}
}
} //批量操作
function makeAll(msg){ if(confirm(msg)){ var str = '';
for(var i=0;i < document.getElementsByName('ids').length;i++)
{
if(document.getElementsByName('ids')[i].checked){
if(str=='') str += document.getElementsByName('ids')[i].value;
else str += ',' + document.getElementsByName('ids')[i].value;
}
}
if(str==''){
alert("您没有选择任何内容!");
return;
}else{
if(msg == '确定要删除选中的数据吗?'){
top.jzts();
$.ajax({
type: "POST",
url: '<%=basePath%>task/deleteAll.do?tm='+new Date().getTime(),
data: {DATA_IDS:str},
dataType:'json',
//beforeSend: validateData,
cache: false,
success: function(data){
$.each(data.list, function(i, list){
/* nextPage(${page.currentPage}); */
});
}
});
}
}
} //导出excel
function toExcel(){
window.location.href='<%=basePath%>task/excel.do';
} //查看报表
function result(id,number,url){
top.mainFrame.tabAddHandler(id,"节点详细-"+number,url);
if(url != "druid/index.html"){
jzts();
}
}
</script> <script type="text/javascript">
var legendData=[];
var series="";
var ser="";
var legend="";
var option={};
function opSeries(){
option ={
chart: {
type: 'bar'
},
title: {
text: '性能数据采集到入库关键节点处理效率报表'
},
xAxis: {
categories: legendData
},
yAxis: {
title: {
text: '关键节点处理时间 (分钟)'
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}],
tooltip: {
valueSuffix: '分钟'
},
series: [{name:"",value:[]}
]
}
} $(function () {
var taskId = ${pd.taskId};
$.ajax({
type: "post",
async: false, //同步执行
url: "task/result_charts",
data:{taskId:taskId},
dataType: "json", //返回数据形式为json
success: function (pmResults) {
opSeries();
for(j=0;pmResults[0].categorys.length > j;j++){
legendData.push(pmResults[0].categorys[j]);
}
for(k=0;pmResults[0].series.length > k;k++){
option.series[k] = pmResults[0].series[k];
}
},
error: function (errorMsg) {
}
});
$("#container").highcharts(option);
});
</script>
<style type="text/css">
li {
list-style-type: none;
}
</style>
<ul class="navigationTabs">
<li><a></a></li>
<li></li>
</ul>
</body>
</html>
result-charts的更多相关文章
- spark源码分析以及优化
第一章.spark源码分析之RDD四种依赖关系 一.RDD四种依赖关系 RDD四种依赖关系,分别是 ShuffleDependency.PrunDependency.RangeDependency和O ...
- 时隔两个月再写的Echarts（Enterprise Charts，商业级数据图表）一文
简介 ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10 ...
- 手动导入swift三方danielgindi/Charts到OC工程中教程
1.到github网址上下载zip压缩包https://github.com/danielgindi/Charts 2.然后将解压后的文件夹整个拖到自己的工程文件夹下(很多教程只让拖xcodeproj ...
- No result defined for action com.lk.IndexAction and result success
意图访问一个 /es/index.action 竟然出现: [SAE ] ERROR [05-11 13:54:32] [http-80-5] com.opensymphony.xwork2.util ...
- FunDA（1）－ Query Result Row：强类型Query结果行
FunDA的特点之一是以数据流方式提供逐行数据操作支持.这项功能解决了FRM如Slick数据操作以SQL批次模式为主所产生的问题.为了实现安全高效的数据行操作,我们必须把FRM产生的Query结果集转 ...
- 图表插件Charts.js的使用
Charts.js的介绍自行百度 首先下载Charts.js,官网:http://chartjs.cn/ charts.js 托管在了github上,下载下来后加解压出src中的文件即可.其中有cha ...
- iOS图表库Charts集成与使用
Charts是一个很优秀的图表库,它支持Android.iOS.tvOS和macOS,这样使用起来,可以节省学习成本,可以从GitHub上了解更多信息.本文记录在iOS项目上的集成与使用. Chart ...
- PHP CI框架 result()详解
该方法执行成功返回一个对象数组,失败则返回一个空数组. 一般情况下,我们使用下面的方法遍历结果,代码就像这样: $query = $this->db->query("要执行的 S ...
- CI生成查询记录集result()，row()，row_array().....
result() 该方法执行成功返回一个对象数组,失败则返回一个空数组. 一般情况下,我们使用下面的方法遍历结果,代码就像这样: $query = $this->db->query(&qu ...
- Execute Sql Task 的Result DataSet如何返回
Execute Sql Task的Result DataSet 主要有以下四种,当Execute Sql Task返回结果之后,需要使用SSIS Variable 来接收数据. 例子中使用的数据表代码 ...
随机推荐
- linux下限制ip访问
inux下最直接限制ip访问的方式有两种: 1.使用hosts.allow和hosts.deny来设置ip白名单和黑名单,/etc/目录下. 优先级为先检查hosts.deny,再检查hosts.al ...
- Javascript数组操作及索引
1:清空数组最高效的做法 parentThis.PaperQuestionStrategiesList.length = 0; 2:push and pop parentThis.PaperQue ...
- (转载)ios的一些知识点
ios的一些知识点 一 非ARC的内存管理情况 1-autorelease,当用户的代码在持续运行时,自动释放池是不会被销毁的,这段时间内用户可以安全地使用自动释放的对象.当用户的代码运行告一 段落 ...
- 第八章 JVM性能监控与故障处理工具（2）
注意:该篇博客主要记录自<深入理解java虚拟机(第二版)> 说明:关于命令行的JVM性能监控与故障处理工具见<第七章 JVM性能监控与故障处理工具(1)> 1.图像化的故障处 ...
- iOS开发-多线程简介
多线程从概念上理解是指从软件或者硬件上实现多个线程并发执行的技术,简单点理解就是同一时间可以执行多个事情(比如说一边听歌一边码代码),听歌是一个线程,码代码是一个线程,如果是单核CPU的话,上面两个动 ...
- scala 学习笔记四 匿名函数
1.介绍 Scala 中定义匿名函数的语法很简单,箭头左边是参数列表,右边是函数体. 使用匿名函数后,我们的代码变得更简洁了. 下面的表达式就定义了一个接受一个Int类型输入参数的匿名函数: var ...
- php CURL 请求头和响应头获取
1.从CURL中获取响应头 $oCurl = curl_init(); // 设置请求头, 有时候需要,有时候不用,看请求网址是否有对应的要求 $header[] = "Content-ty ...
- Style 的查找 FindResource
1)根据名称查找 PrintPreview fe = new PrintPreview(new Summary()); string strResourceHeader = "headerS ...
- connect-proxy rpm文件的安装
1. rpm文件下载 http://rpm.pbone.net/index.php3?stat=3&search=connect-proxy&srodzaj=3 2. rpm的安装 h ...
- 劣质代码评析——《写给大家看的C语言书(第2版)》附录B之21点程序（八）
[重构](续) 牌的表示: 一副牌有52张,可用一整数数组描述.但是由于在游戏过程中牌数在不断减少,所以用一表示剩余张数的整数和一整数数组共同描述.C99支持一种变量长度数组,但用在这里并没有什么特别 ...