-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdashboard.html
54 lines (47 loc) · 1.62 KB
/
dashboard.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
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.min.js"></script>
<script>
<!-- reload the chart every n seconds -->
function reload_images() {
d = new Date();
$("img").each(function() {
// add a timestamp to avoid browser cache
orig_url = $(this).attr("src").split("&_timestamp")[0]
$(this).attr("src", orig_url + "&_timestamp=" + d.getTime());
})
}
qs = window.location.search.substring(1)
reload_interval = 30000
if (qs.length) {
reload_interval = parseInt(qs.split('&')[0].split('=')[1]) * 1000
}
setInterval("reload_images()", reload_interval);
</script>
<style type="text/css">
body {
background-color: black;
}
</style>
</head>
<body>
<!-- Display a pie chart using the sum of all data accumulated for each colors, i.e. the maximum of the integral of the series -->
<center>
<table>
<tr>
<td>
<img src="http://graphdemo.net/render/?width=500&height=500&target=alias(integral(threecolors.blue),'bleu')&target=alias(integral(threecolors.green),'vert')&target=alias(integral(threecolors.red),'rouge')&colorList=blue,green,red&graphType=pie&pieMode=maximum&hideLegend=true&from=-15min"/>
</td>
<td>
<img src="http://graphdemo.net/render/?width=200&height=200&target=threecolors.blue&colorList=blue&yMin=0&lineMode=staircase&areaMode=all&from=-15min"">
<br/>
<img src="http://graphdemo.net/render/?width=200&height=200&target=threecolors.green&colorList=green&yMin=0&lineMode=staircase&areaMode=all&from=-15min"">
<br/>
<img src="http://graphdemo.net/render/?width=200&height=200&target=threecolors.red&colorList=red&yMin=0&lineMode=staircase&areaMode=all&from=-15min">
</td>
</tr>
</table>
</center>
</body>
</html>