mirror of https://github.com/CIRCL/AIL-framework
				
				
				
			Splitting the graph in two one for words, one for paste monitoring
							parent
							
								
									731141c723
								
							
						
					
					
						commit
						1df2ffd094
					
				|  | @ -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++){ | ||||
|         tmp_tab.push(0); | ||||
|         curves_labels.push(glob_tabvar.row1[i][0]); | ||||
|         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, | ||||
|  | @ -175,6 +186,23 @@ $(document).ready(function () { | |||
|     fillGraph: 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 refresh = function() { | ||||
|  | @ -186,22 +214,33 @@ $(document).ready(function () { | |||
|                 $('#server-name').html(html); | ||||
|                 setTimeout(function() { | ||||
|                     var x = new Date(); | ||||
|                     var tmp_values = [];  | ||||
|                     var tmp_values = []; | ||||
|                     var tmp_values2 = [];  | ||||
|                     refresh(); | ||||
|                     update_values(); | ||||
|                     create_queue_table(); | ||||
|                     | ||||
|                      | ||||
|                     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); | ||||
|                     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); | ||||
|             } | ||||
|  |  | |||
|  | @ -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> | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	 Starow
						Starow