-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbenchmark-lists.html
146 lines (121 loc) · 4.11 KB
/
benchmark-lists.html
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Benchmark results for methods in class com.developvazquez.www.test.Navigate</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.4.2");
google.load('visualization', '1', {packages: ['barchart', 'columnchart', 'table']});
</script>
<style type="text/css">
#content {
width: 800px ;
margin-left: auto;
margin-right: auto;
}
#chart {
width: 600px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
display: block;
}
#help {
text-align: center;
margin-top: 10px;
font-size: .8em;
color: gray;
}
ul.expander {
display: inline;
margin-left: 0;
padding-left: 0;
font-size: .8em;
}
ul.expander li {
margin-left: 0;
list-style: none;
display: inline;
}
ul.expander li:before {
content: "\25BA\0020"; // 25B8
}
ul.expander li.expanded:before {
content: "\25BC\0020"; // 25BE
}
</style>
<script type="text/javascript">
var horizontal = false;
var view;
var data;
var table;
function redrawChart() {
var chart = (horizontal
? new google.visualization.BarChart(document.getElementById('chart'))
: new google.visualization.ColumnChart(document.getElementById('chart')));
chart.draw(view, {
legend: "none",
titleY: view.getColumnLabel(1),
colors: ['#8888FF'],
min: 0.0,max: 1.0,
showCategories: true,
isStacked: false,
});
}
function visualize(jsonData, className) {
data = new google.visualization.DataTable(jsonData);
table = new google.visualization.Table(document.getElementById('raw-data'));
table.draw(data);
view = new google.visualization.DataView(data);
view.setColumns([0, 1]);
redrawChart();
google.visualization.events.addListener(table, 'sort',
function(event) {
if (event.column > 0) {
view.setColumns([0, event.column]);
}
view.setRows(data.getSortedRows([{column: event.column, desc: !event.ascending}]));
redrawChart();
});
}
var data;
function receiveJsonpData(jsonpData) {
data = jsonpData;
}
google.setOnLoadCallback(function() {
visualize(data, "com.developvazquez.www.test.Navigate");
$("#properties").click(function () {
$(this).toggleClass("expanded");
$("#proplist").slideToggle();
});
$("#orientation").click(function () {
$(this).toggleClass("expanded");
horizontal = !horizontal;
redrawChart();
});
});
</script>
</head>
<body style="font-family: Arial; margin: 30px;">
<div id="content">
<h1>Benchmark results for methods in class com.developvazquez.www.test.Navigate</h1>
<ul class="expander"><li id="orientation" class="expanded"><a href="#">Orientation</a></li></ul>
<div id="chart" ></div>
<div id="raw-data"></div>
<div id="help">
Click on table headers to change the sorting order and redraw the chart.
</div>
<div>
<ul class="expander"><li id="properties"><a href="#">Properties</a></li></ul>
<pre id="proplist" style="display: none; background-color: #e0e0e0;">Run ID: 2
Run timestamp: 2014-01-10 23:41:13.205
JVM: 1.7.0_21-b11
OS: amd64
</pre>
</div>
</div>
<script src="benchmark-lists.jsonp"></script>
</body>
</html>