Merge pull request #68 from adridolf/loadavg
Add loadavg graph for routers
This commit is contained in:
commit
35625fce59
|
@ -236,6 +236,35 @@ function client_graph() {
|
||||||
setup_plot_zoom(plot, pdata, len);
|
setup_plot_zoom(plot, pdata, len);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function loadavg_graph() {
|
||||||
|
var loadstat = $("#loadstat");
|
||||||
|
var loadavg = [];
|
||||||
|
var len, i;
|
||||||
|
for (len=router_stats.length, i=0; i<len; i++) {
|
||||||
|
try {
|
||||||
|
var load_value = router_stats[i].loadavg;
|
||||||
|
var date_value = router_stats[i].time.$date;
|
||||||
|
if(load_value != null) {
|
||||||
|
loadavg.push([date_value, load_value]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch(TypeError) {
|
||||||
|
// pass
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var pdata = [
|
||||||
|
{"label": "loadavg", "data": loadavg, "color": "#FF2626", lines: {fill: true}}
|
||||||
|
];
|
||||||
|
var plot = $.plot(loadstat, pdata, {
|
||||||
|
xaxis: {mode: "time", timezone: "browser"},
|
||||||
|
selection: {mode: "x"},
|
||||||
|
yaxis: {min: 0},
|
||||||
|
legend: {hideable: true},
|
||||||
|
series: {downsample: {threshold: Math.floor(loadstat.width() * points_per_px)}}
|
||||||
|
});
|
||||||
|
setup_plot_zoom(plot, pdata, len);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Global statistics
|
// Global statistics
|
||||||
|
|
||||||
|
|
|
@ -292,6 +292,12 @@
|
||||||
<div id="clientstat" class="graph"></div>
|
<div id="clientstat" class="graph"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">Average Load</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<div id="loadstat" class="graph"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">Memory</div>
|
<div class="panel-heading">Memory</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
|
@ -320,6 +326,7 @@
|
||||||
memory_graph();
|
memory_graph();
|
||||||
process_graph();
|
process_graph();
|
||||||
client_graph();
|
client_graph();
|
||||||
|
loadavg_graph();
|
||||||
|
|
||||||
$("#netif-list li").on("click", function() {
|
$("#netif-list li").on("click", function() {
|
||||||
$("#netif-list li").removeClass("active");
|
$("#netif-list li").removeClass("active");
|
||||||
|
|
Loading…
Reference in New Issue