heartbeatPartHistoryGraph.jsp
4.32 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="a" uri="/WEB-INF/app.tld"%>
<%@ taglib prefix="w" uri="http://www.unidal.org/web/core"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="res" uri="http://www.unidal.org/webres"%>
<jsp:useBean id="ctx" type="com.dianping.cat.report.page.heartbeat.Context" scope="request" />
<jsp:useBean id="payload" type="com.dianping.cat.report.page.heartbeat.Payload" scope="request" />
<jsp:useBean id="model" type="com.dianping.cat.report.page.heartbeat.Model" scope="request" />
<script type="text/javascript" src="/cat/js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="/cat/js/highcharts.js"></script>
<script type="text/javascript" src="/cat/js/baseGraph.js"></script>
<script type="text/javascript" src="/cat/js/heartbeatHistory.js"></script>
<style type="text/css">
.graph{
width: 430px;
height: 350px;
margin: 4px auto;
}
</style>
<br>
<table class="graph" id="graph">
<c:choose>
<c:when test="${payload.type eq 'thread'}">
<tr>
<td><div id="ActiveThread" class="graph"></div></td>
<td><div id="StartedThread" class="graph"></div></td>
<td><div id="TotalStartedThread" class="graph"></div></td>
</tr>
<script>
//01
var activeThreadGraphData = ${model.activeThreadGraph};
graphLineChart(document.getElementById('ActiveThread'), activeThreadGraphData);
//02
var startedThreadGraphData = ${model.startedThreadGraph};
graphLineChart(document.getElementById('StartedThread'), startedThreadGraphData);
//03
var totalThreadGraphData =${model.totalThreadGraph};
graphLineChart(document.getElementById('TotalStartedThread'), totalThreadGraphData);
</script>
</c:when>
<c:when test="${payload.type eq 'system'}">
<tr>
<td><div id="NewGcCount" class="graph"></div></td>
<td><div id="OldGcCount" class="graph"></div></td>
<td><div id="SystemLoadAverage" class="graph"></div></td>
<script>
//07
var newGcCountGraphData = ${model.newGcCountGraph};
graphLineChart(document.getElementById('NewGcCount'), newGcCountGraphData);
//08
var oldGcCountGraphData = ${model.oldGcCountGraph};
graphLineChart(document.getElementById('OldGcCount'), oldGcCountGraphData);
//09
var systemLoadAverageGraphData = ${model.systemLoadAverageGraph};
graphLineChart(document.getElementById('SystemLoadAverage'), systemLoadAverageGraphData);
</script>
</tr>
</c:when>
<c:when test="${payload.type eq 'memory'}">
<tr id="memoryGraph">
<td><div id="MemoryFree" class="graph"></div></td>
<td><div id="HeapUsage" class="graph"></div></td>
<td><div id="NoneHeapUsage" class="graph"></div></td>
<script>
//10
var memoryFreeGraphData = ${model.memoryFreeGraph};
graphLineChart(document.getElementById('MemoryFree'), memoryFreeGraphData);
//11
var heapUsageGraphData = ${model.heapUsageGraph};
graphLineChart(document.getElementById('HeapUsage'), heapUsageGraphData);
//12
var noneHeapUsageGraphData = ${model.noneHeapUsageGraph};
graphLineChart(document.getElementById('NoneHeapUsage'), noneHeapUsageGraphData);
</script>
</tr>
</c:when>
<c:when test="${payload.type eq 'disk'}">
<tr id="memoryGraph"></tr>
<script>
var diskHistoryGraph=${model.diskHistoryGraph};
var size=${model.disks};
disksGraph(size,diskHistoryGraph);
</script>
</c:when>
<c:when test="${payload.type eq 'cat'}">
<tr>
<td><div id="CatMessageProduced" class="graph"></div></td>
<td><div id="CatMessageOverflow" class="graph"></div></td>
<td><div id="CatMessageSize" class="graph"></div></td>
<script>
//16
var catMessageProducedGraphData = ${model.catMessageProducedGraph};
graphLineChart(document.getElementById('CatMessageProduced'), catMessageProducedGraphData);
//17
var catMessageOverflowGraphData = ${model.catMessageOverflowGraph};
graphLineChart(document.getElementById('CatMessageOverflow'), catMessageOverflowGraphData);
//18
var catMessageSizeGraphData = ${model.catMessageSizeGraph};
graphLineChart(document.getElementById('CatMessageSize'), catMessageSizeGraphData);
</script>
</tr>
</c:when>
<c:when test="${payload.type eq 'extension'}">
<tr id="extensionGraph"></tr>
<script>
var extensionHistoryGraphs=${model.extensionHistoryGraphs};
var count=${model.extensionCount};
buildExtensionGraph(count,extensionHistoryGraphs);
</script>
</c:when>
</c:choose>