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

var/www/static/js/indexjavascript.js

@@ -147,19 +147,30 @@ function create_queue_table() {
 
 $(document).ready(function () {
     var data = [];
+    var data2 = [];
     var tmp_tab = [];
+    var tmp_tab2 = [];
     var curves_labels = [];
+    var curves_labels2 = [];
     var x = new Date();
     
     for (i = 0; i < glob_tabvar.row1.length; i++){
+        if (glob_tabvar.row1[i][0].substring(0,4) != "word"){
             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_tab2.unshift(x);
     curves_labels.unshift("date");
+    curves_labels2.unshift("date");
     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,
     {
     labels: curves_labels,
@@ -176,6 +187,23 @@ $(document).ready(function () {
     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 refresh = function() {
         
@@ -187,21 +215,32 @@ $(document).ready(function () {
                 setTimeout(function() {
                     var x = new Date();
                     var tmp_values = [];
+                    var tmp_values2 = []; 
                     refresh();
                     update_values();
                     create_queue_table();
                    
                     
                     for (i = 0; i < (glob_tabvar.row1).length; i++){
+                        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);
                     data.push(tmp_values);
                     
+                    tmp_values2.unshift(x);
+                    data2.push(tmp_values2);
+
                     if (data.length > 1800) {
                         data.shift();
+                        data2.shift();
                     }
                     g.updateOptions( { 'file': data } );
+                    g2.updateOptions( { 'file': data2 } );
 
                 }, interval);
             }

var/www/templates/index.html

@@ -80,7 +80,8 @@
                       </div>
                         <div class="panel-body">
                             <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>
                             <!-- /.row -->
                         </div>