Merge branch 'master' into slaprunner-paas
[slapos.git] / software / monitor / plot.html.in
1 <html>
2 <head>
3 <meta charset="utf-8">
4 <style>
5
6 div {
7 float: left;
8 margin: 5px;
9 }
10
11 </style>
12
13 </head>
14 <body>
15
16 <div> <b> LOADAVG </b> <div class="chart"id="loadavg"> </div></div>
17 <div> <b> CPU PERCENT </b> <div class="chart"id="cpu_percent"> </div></div>
18 <div> <b> MEMORY USED </b> <div class="chart"id="memory_used"> </div></div>
19 <div> <b> MEMORY FREE </b> <div class="chart"id="memory_free"> </div></div>
20 <div> <b> NET IN BYTES </b> <div class="chart"id="net_in_bytes"> </div></div>
21 <div> <b> NET IN ERROR </b> <div class="chart"id="net_in_errors"> </div></div>
22 <div> <b> NET IN DROPPED </b> <div class="chart"id="net_in_dropped"> </div></div>
23 <div> <b> NET OUT BYTES </b> <div class="chart"id="net_out_bytes"> </div></div>
24 <div> <b> NET OUT ERRORS </b> <div class="chart"id="net_out_errors"> </div></div>
25 <div> <b> NET OUT DROPPED </b> <div class="chart"id="net_out_dropped"> </div></div>
26
27 <script type="text/javascript" src="dygraph-combined.js"></script>
28 <script>
29 new Dygraph(
30 document.getElementById("loadavg"), "system_loadavg.csv");
31
32 new Dygraph(
33 document.getElementById("cpu_percent"), "system_cpu_percent.csv");
34
35 new Dygraph(
36 document.getElementById("memory_used"), "system_memory_used.csv");
37
38 new Dygraph(
39 document.getElementById("memory_free"), "system_memory_free.csv");
40
41 new Dygraph(
42 document.getElementById("net_in_bytes"), "system_net_in_bytes.csv");
43
44 new Dygraph(
45 document.getElementById("net_in_errors"), "system_net_in_errors.csv");
46
47 new Dygraph(
48 document.getElementById("net_in_dropped"), "system_net_in_dropped.csv");
49
50 new Dygraph(
51 document.getElementById("net_out_bytes"), "system_net_out_bytes.csv");
52
53 new Dygraph(
54 document.getElementById("net_out_errors"), "system_net_out_errors.csv");
55
56 new Dygraph(
57 document.getElementById("net_out_dropped"), "system_net_out_dropped.csv");
58
59 </script>
60
61 </body>
62 </html>