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 来接收数据. 例子中使用的数据表代码 ...
随机推荐
- sql把一个表的某几列的数据存到另一个表里
一.如何用slq语句把一个表中的某几个字段的数据插入到另一个新表中,就要用下面这条slq语句: insert into 表名1(字段1,字段2) select 字段1,字段2 from 表名2 ...
- 在Windows下编译Emacs
在Windows下编译Emacs Windows下编译好的Emacs主要有两个版本,一个来自http://nqmacs.sourceforge.net/,另一个来自http://www.crasseu ...
- TH文字编辑器开发的第一个游戏，唐伯虎泡妞
使用TH编辑器开发. 游戏是我女朋友用编辑器制作的. 下载地址: http://tieba.baidu.com/p/3015237996
- [转]【Delphi】 Thread.Queue与Synchronize的区别
前话: 其实大家要学会看源码, 我接下来要说的这些东东,与其等别人讲,还不如自己搞几个代码试一下,印象还深刻点 TThread.Queue和TThread.Synchronize的区别,效果上:二者 ...
- Informatica 常用组件Source Qualifier之七 使用排序端口
使用已排序端口时,PowerCenter 将添加端口至默认查询中的 ORDER BY 子句.PowerCenter Server 将添加配置的端口号,从源限定符转换的顶部开始.在映射中包括以下任何转换 ...
- C#创建一个Windows Service
Windows Service这一块并不复杂,但是注意事项太多了,网上资料也很凌乱,偶尔自己写也会丢三落四的.所以本文也就产生了,本文不会写复杂的东西,完全以基础应用的需求来写,所以不会对Window ...
- Web项目添加Maven支持
很多时候,进入到某个项目组,并非项目刚刚开始:同样,很多时候,项目并非一开始就有Maven支持: 对现有的项目支持Maven,需要修改以下地方: 1. 将以下代码拷贝到工程根路径下的 .projec ...
- Visual Studio 调试方法
1:命令窗口 CTRL + D + I,可以在立即窗口中写一些临时的代码 2:编辑并继续 选中下面的选项,可以让你在调试暂停中,修改代码,而不用重新启动, 3:执行 单步执行:F10 跳进方法:F11 ...
- HTML标签 闭合还是不闭合？
你在写 HTML5 代码的时候,是否纠结过应该写 <br /> 还是 <br>,是写 <input /> 还是写 <input>.写 <scrip ...
- JAVA输出指定目录下的子目录和子文件
题目:给定一个目录,要求输出这个目录下面的子目录和子文件 逻辑: 先判断给定的是不是一个合法的目录,如果不是,则提示给定错误 如果是目录,那么使用File.listFile()获得这个目录下文件名的数 ...