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 id="container" style="min-width: 700px; 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 style="width: 80px;" class="center">${result.TOTAL_TIME} 分钟</td>
<td style="width: 60px;" 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: '分钟'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: []
}
} $(function () {
var taskId = ${pd.taskId};
$.ajax({
type: "post",
async: false, //同步执行
url: "task/result_charts",
data:{taskId:taskId},
dataType: "json", //返回数据形式为json
success: function (dataResult) {
var pmResults =dataResult;
opSeries(); console.log("pmResults.length:"+ pmResults.length);
for(i=0;pmResults.length>i;i++){
//给legendData赋值
console.log("pmResults[i].categorys.length:"+ pmResults[i].categorys.length);
for(j=0;pmResults[i].categorys.length > j;j++){
legendData.push(pmResults[i].categorys[j]);
// console.log("categorys:"+pmResults[i].categorys[j]);
// console.log("legendData:"+legendData[i]);
} //给series赋值
console.log("pmResults[i].series.length:"+ pmResults[i].series.length);
for(k=0;pmResults[i].series.length > k;k++){
console.log("series:"+ pmResults[i].series[k].name);
// console.log("series:"+ pmResults[i].series[k].data); option.series[i] = pmResults[i].series[k];
//console.log("series:"+ pmResults[i].series[k]);
}
} },
error: function (errorMsg) {
legendDate = ["中国","美国","英国"];
series = [ { "name":"2014", "type":"bar", "data":[51, 2, 43]} ,{ "name":"2015", "type":"bar", "data":[55, 36, 4]},{ "name":"2016", "type":"bar", "data":[5, 20, 40]}];
ser = [ { "name":"2014", "type":"bar", "data":[51, 2, 43]} ,{ "name":"2015", "type":"bar", "data":[55, 36, 4]},{ "name":"2016", "type":"bar", "data":[5, 20, 40]}];
//showChart();
opSeries();
for(i=0;series.length>i;i++){
legendData.push(series[i].name);
option.series[i]=series[i];
}
}
});
$("#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的更多相关文章
- TaskController.java-20160611
package main.java.com.zte.controller.system; import java.io.PrintWriter;import java.util.ArrayList;i ...
- Echarts - js-20160611
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- Echarts - js
<script type="text/javascript"> var myChart; myChart = echarts.init(document.getElem ...
- TaskController.java 20160712
package main.java.com.zte.controller.system; import java.io.PrintWriter; import java.util.ArrayList; ...
- result-charts
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- TaskController
package main.java.com.zte.controller.system; import java.io.PrintWriter; import java.util.ArrayList; ...
- Echarts导出为pdf echarts导出图表（包含背景）
Echarts好像是只支持png和jpg的导出,不支持pdf导出.我就想着只能够将png在后台转为pdf了. 首先介绍一下jsp界面的代码. var thisChart = echarts.init( ...
随机推荐
- python文本 拼接或合并字符串
python文本 拼接.合并字符串 场景: 拼接.合并字符串 在这个场景中,我们首先想到的当然是使用+或者+=将两个字符串连接起来 >>> a='a' >>> ...
- Java HMAC-SHA1加密算法的实现
public static String hamcsha1(byte[] data, byte[] key) { try { SecretKeySpec signingKey = new Secret ...
- 【idea】idea重新打包依赖了父级项目的子级项目，父级项目代码改变，但是子级项目打包依旧是老的代码 问题解决
最简单的方法: 就是单独打包父级项目,然后替换本地maven仓库中的父级项目的jar,然后重新打包子级项目,就可以了.
- 《MacTalk·人生元编程》
<MacTalk·人生元编程> 基本信息 <MacTalk·人生元编程> 基本信息 作者:池建强 出版社:人民邮电出版社 ISBN:9787115342232 上架时间:201 ...
- JAVA常见算法题(三十四)---计算加密之后的电话号码
某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的, 加密规则如下: 每位数字都加上5,然后用和除以10的余数代替该数字, 再将第一位和第四位交换,第二位和第三位交换. 求加密之后的 ...
- UEFI+GPT引导基础篇 ：什么是GPT，什么是UEFI？
GUID Partition Table (GPT) is a standard for the layout of the partition table on a physical storage ...
- 数据库实例: STOREBOOK > 表空间 > 编辑 表空间: UNDOTBS1
ylbtech-Oracle:数据库实例: STOREBOOK > 表空间 > 编辑 表空间: UNDOTBS1 表空间 > 编辑 表空间: UNDOTBS1 1. 一般 ...
- 数学图形之将曲线(curve)转化成曲面管
在我关于数学图形的博客中,一开始讲曲线的生成算法.然后在最近的章节中介绍了圆环,还介绍了螺旋管以及海螺的生成算法.一类是曲线,一类是环面,为什么不将曲线变成环的图形,毕竟曲线看上去太单薄了,这一节我将 ...
- [leetcode]Binary Tree Level Order Traversal II @ Python
原题地址:http://oj.leetcode.com/problems/binary-tree-level-order-traversal-ii/ 题意: Given a binary tree, ...
- 同时启动多个Tomcat服务器
以下步骤能够同时启动两个tomcat:1.特别要注意:不要设置CATALINA_HOME 2.分别修改安装目录下的conf子目录中的server.xml文件: a.修改http访问端口(默认为8080 ...