AIL/ail-framework
7
0
Fork 0
mirror of https://github.com/ail-project/ail-framework.git synced 2024-11-10 00:28:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Splitting the graph in two one for words, one for paste monitoring

Browse source
This commit is contained in:
Starow 2014-08-12 16:44:35 +02:00
parent 731141c723
commit 1df2ffd094
2 changed files with 46 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
var/www/static/js/indexjavascript.js
View file

@ -147,19 +147,30 @@ function create_queue_table() {
$(document).ready(function () { $(document).ready(function () {
var data = []; var data = [];
var data2 = [];
var tmp_tab = []; var tmp_tab = [];
var tmp_tab2 = [];
var curves_labels = []; var curves_labels = [];
var curves_labels2 = [];
var x = new Date(); var x = new Date();
for (i = 0; i < glob_tabvar.row1.length; i++){ for (i = 0; i < glob_tabvar.row1.length; i++){
tmp_tab.push(0); if (glob_tabvar.row1[i][0].substring(0,4) != "word"){
curves_labels.push(glob_tabvar.row1[i][0]); tmp_tab.push(0);
curves_labels.push(glob_tabvar.row1[i][0]);
}
else {
tmp_tab2.push(0);
curves_labels2.push(glob_tabvar.row1[i][0]);
}
} }
tmp_tab.unshift(x); tmp_tab.unshift(x);
tmp_tab2.unshift(x);
curves_labels.unshift("date"); curves_labels.unshift("date");
curves_labels2.unshift("date");
data.push(tmp_tab); data.push(tmp_tab);
data2.push(tmp_tab2);
//data.push([x, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]);
var g = new Dygraph(document.getElementById("Graph"), data, var g = new Dygraph(document.getElementById("Graph"), data,
{ {
labels: curves_labels, labels: curves_labels,
@ -175,6 +186,23 @@ $(document).ready(function () {
fillGraph: true, fillGraph: true,
includeZero: true, includeZero: true,
}); });
var g2 = new Dygraph(document.getElementById("Graph2"), data2,
{
labels: curves_labels2,
drawPoints: false,
showRoller: true,
rollPeriod: 10,
labelsKMB: true,
logscale: true,
//drawGapEdgePoints: true,
//legend: "always",
//connectSeparatedPoints: true,
stackedGraph: true,
fillGraph: true,
includeZero: true,
});
var interval = 1000; //number of mili seconds between each call var interval = 1000; //number of mili seconds between each call
var refresh = function() { var refresh = function() {
@ -186,22 +214,33 @@ $(document).ready(function () {
$('#server-name').html(html); $('#server-name').html(html);
setTimeout(function() { setTimeout(function() {
var x = new Date(); var x = new Date();
var tmp_values = []; var tmp_values = [];
var tmp_values2 = [];
refresh(); refresh();
update_values(); update_values();
create_queue_table(); create_queue_table();
for (i = 0; i < (glob_tabvar.row1).length; i++){ for (i = 0; i < (glob_tabvar.row1).length; i++){
tmp_values.push(glob_tabvar.row1[i][1]); if (glob_tabvar.row1[i][0].substring(0,4) != "word"){
tmp_values.push(glob_tabvar.row1[i][1]);
}
else {
tmp_values2.push(glob_tabvar.row1[i][1]);
}
} }
tmp_values.unshift(x); tmp_values.unshift(x);
data.push(tmp_values); data.push(tmp_values);
tmp_values2.unshift(x);
data2.push(tmp_values2);
if (data.length > 1800) { if (data.length > 1800) {
data.shift(); data.shift();
data2.shift();
} }
g.updateOptions( { 'file': data } ); g.updateOptions( { 'file': data } );
g2.updateOptions( { 'file': data2 } );
}, interval); }, interval);
} }

3
var/www/templates/index.html
View file

@ -80,7 +80,8 @@
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="row"> <div class="row">
<div class="col-lg-12" id="Graph" style="height:400px; width:95%"></div> <div class="col-lg-6" id="Graph" style="height:400px; width:48%;"></div>
<div class="col-lg-6" id="Graph2" style="height:400px; width:48%;"></div>
</div> </div>
<!-- /.row --> <!-- /.row -->
</div> </div>