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 来接收数据. 例子中使用的数据表代码 ...
随机推荐
- 【docker】centOS7上部署的mysql和spring boot服务，要求，mysql的时间、java程序服务的时间和宿主机的时间完全保持一致【修改mysql时区，临时和永久】【修改spring boot配置文件时区】【修改docker启动spring boot实例程序时区】
要求:centOS7上部署的mysql和spring boot服务,要求,mysql的时间.java程序服务的时间和宿主机的时间完全保持一致: ============================ ...
- Access control configuration prevents your request from being allo
我发现在在XP环境下我输入网易的220.181.28.42也找不到网页,就跟在LINUX下一样 都揭示: 错误 您所请求的网址(URL)无法获取 --------------------------- ...
- go test 单元函数测试
首先安装单元测试包,go get github.com/smartystreets/goconvey/convey 源程序如下,定义了加减乘除4个函数 package test222 import ( ...
- H264 RTP封包原理(转载)
1. 引言 随着信息产业的发展,人们对信息资源的要求已经逐渐由文字和图片过渡到音频和视频,并越来越强调获取资源的实时性和互动性.但人们又面临着另外一种不可避免的尴尬,就是在网络上看到生 ...
- C语言:通过指针对字符串进行拼接
// // main.c // Pointer_stringcat // // Created by ma c on 15/8/2. // Copyright (c) 2015年 bjsxt. ...
- Java JDBC数据库链接
好久没有编写有关数据库应用程序啦,这里回顾一下java JDBC. 1.使用Java JDBC操作数据库一般需要6步: (1)建立JDBC桥接器,加载数据库驱动: (2)连接数据库,获得Connect ...
- iOS开发-UITableView表格优化
之前的一篇文章大概讲述了一下UITableView的使用,UITableView在iOS的地位和ListView在Android中的地位基本上算是不相上下,关于ListView的优化网上的也有很多文章 ...
- android 多线程概述
android多线程,一直是一个麻烦的事情,要掌握它的本质,我们需要搞清楚一个问题,linux多线程的本质. 我们这篇文章,来讨论以下的议程: 了解linux的历程,了解android的异步任务机制, ...
- GO语言基础条件、跳转、Array和Slice
1. 判断语句if 1. 条件表达式没有括号(这点其他语言转过来的需要注意) 2. 支持一个初始化表达式(可以是并行方式,即:a, b, c := 1, 2, 3) 3. 左大括号必须和条件语句或 e ...
- 【小程序】wxs使用
wxs使用 WXS(WeiXin Script)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构. wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中 ...