mirror of
https://github.com/cesanta/mongoose.git
synced 2026-10-24 11:54:49 +00:00
Revert "Stop publish examples to mongoose repo"
This reverts commit 1a17e17c462bdd4e1d26d8742f8b7087273e04c2. PUBLISHED_FROM=80028de308c9a021955d1425d2bfee8feb85f193
This commit is contained in:
1 parent
7cc7df8c0e
commit
eaef5bd133
351 files changed
+195424
No files matched your search
@@ -0,0 +1,75 @@
|
||||
$(document).ready(function() {
|
||||
// Start 1-second timer to call RESTful endpoint
|
||||
setInterval(function() {
|
||||
$.ajax({
|
||||
url: '/get_cpu_usage',
|
||||
dataType: 'json',
|
||||
success: function(json) {
|
||||
$('#cpu_usage').text(json.result + '% ');
|
||||
}
|
||||
});
|
||||
}, 1000);
|
||||
|
||||
// Initialize graph
|
||||
var $c = $('<div class="graph"/>').appendTo('#graphs');
|
||||
var dur = 120;
|
||||
var past = Date.now() - dur * 1000;
|
||||
var options = {
|
||||
lines: {
|
||||
fill: true,
|
||||
lineWidth: 0,
|
||||
fillColor: {colors: [ { opacity: 0 }, { opacity: 1 } ] }
|
||||
},
|
||||
grid: { borderWidth: 1, borderColor: '#ccc'},
|
||||
xaxis: { mode: 'time', ticks: 5 },
|
||||
legend: { labelBoxBorderColor: '#fff' },
|
||||
colors: [ '#fec', '#396', '#e39', '9e2' ],
|
||||
hooks: {
|
||||
draw: [function(plot, canvas) {
|
||||
canvas.font = '13px sans-serif';
|
||||
canvas.fillStyle = '#aaa';
|
||||
canvas.fillText('Resource Usage', 35, 25);
|
||||
}]
|
||||
}
|
||||
};
|
||||
var plot = $.plot($c, [], options);
|
||||
|
||||
var updateGraph = function(counter) {
|
||||
var data = plot.getData();
|
||||
var now = Date.now();
|
||||
var oldest = now - dur * 1000;
|
||||
data[0] = {
|
||||
show: false,
|
||||
data: [[oldest, null], [now, null]]
|
||||
};
|
||||
|
||||
console.log(data);
|
||||
|
||||
// Remove old points
|
||||
$.each(data, function(di, d) {
|
||||
while (d.data.length > 0 && d.data[0][0] < oldest) {
|
||||
d.data.shift();
|
||||
}
|
||||
});
|
||||
|
||||
// Add new points
|
||||
var new_datapoint = [now, counter];
|
||||
if (data[1]) {
|
||||
data[1].label = 'memory';
|
||||
data[1].data.push(new_datapoint);
|
||||
} else {
|
||||
data[1] = [{ data: [new_datapoint] }];
|
||||
}
|
||||
|
||||
// Redraw the graph
|
||||
plot.setData(data);
|
||||
plot.setupGrid();
|
||||
plot.draw();
|
||||
};
|
||||
|
||||
// Create Websocket connection. For simplicity, no reconnect logic is here.
|
||||
var ws = new WebSocket('ws://' + location.host);
|
||||
ws.onmessage = function(ev) {
|
||||
updateGraph(ev.data);
|
||||
};
|
||||
});
|
||||
Reference in new issue
Block a user