add zoom graphs xy

pandora_console/include/graphs/flot/pandora.flot.js

@@ -1546,7 +1546,7 @@ function pandoraFlotArea(graph_id, values, labels, labels_long, legend,
 				shadowSize: 0.1
 			},
 			crosshair: { mode: 'xy' },
-			selection: { mode: 'x', color: '#777' },
+			selection: { mode: 'xy', color: '#777' },
 			export: {
 				export_data: true,
 				labels_long: labels_long,
@@ -1640,7 +1640,7 @@ function pandoraFlotArea(graph_id, values, labels, labels_long, legend,
 					color: ''
 					} ],
 			yaxis: {ticks: [], autoscaleMargin: 0.1 },
-			selection: {mode: 'x', color: '#777' },
+			selection: {mode: 'xy', color: '#777' },
 			legend: {show: false},
 			crosshair: {mode: 'x'}
 		});
@@ -1652,6 +1652,7 @@ function pandoraFlotArea(graph_id, values, labels, labels_long, legend,
 		if (menu == 0) {
 			return;
 		}
+
 		dataInSelection = ranges.xaxis.to - ranges.xaxis.from;
 		dataInPlot = plot.getData()[0].data.length;
 
@@ -1661,7 +1662,24 @@ function pandoraFlotArea(graph_id, values, labels, labels_long, legend,
 
 		plot = $.plot($('#' + graph_id), data_base,
 		$.extend(true, {}, options, {
-				xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to},
+			yaxis: {
+				min: ranges.yaxis.from,
+				max: ranges.yaxis.to
+			},
+			yaxes: [{
+				tickFormatter: yFormatter,
+				color: '',
+				alignTicksWithAxis: 1,
+				labelWidth: 30,
+				position: 'left',
+				font: font,
+				reserveSpace: true,
+				min: ranges.yaxis.from
+			}],
+			xaxis: {
+				min: ranges.xaxis.from,
+				max: ranges.xaxis.to
+			},
 			xaxes: [ {
 					tickFormatter: xFormatter,
 					minTickSize: new_steps,
@@ -1669,6 +1687,7 @@ function pandoraFlotArea(graph_id, values, labels, labels_long, legend,
 					} ],
 			legend: { show: false }
 		}));
+
 		if (thresholded) {
 			var zoom_data_threshold = new Array ();