From dfc43a35abd81481b199ae4122ecc66c50ed6401 Mon Sep 17 00:00:00 2001
From: daniel <daniel.barbero@artica.es>
Date: Tue, 12 Jun 2018 16:37:41 +0200
Subject: [PATCH] fixed errors grid black in vbars and hbars

---
 pandora_console/include/functions_graph.php   |  8 +++---
 .../include/graphs/flot/pandora.flot.js       | 28 ++++++++++---------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/pandora_console/include/functions_graph.php b/pandora_console/include/functions_graph.php
index ca31332a5c..acc2c407ba 100644
--- a/pandora_console/include/functions_graph.php
+++ b/pandora_console/include/functions_graph.php
@@ -1939,7 +1939,7 @@ function graphic_combined_module (
 					$ttl,
 					$homeurl,
 					$background_color,
-					'black'
+					'#c1c1c1'
 				);
 			}
 
@@ -1964,7 +1964,7 @@ function graphic_combined_module (
 					$background_color,
 					true,
 					false,
-					"black"
+					"#c1c1c1"
 				);
 			}
 
@@ -3652,7 +3652,7 @@ function graph_custom_sql_graph ($id, $width, $height,
 				"white",
 				false,
 				false,
-				"black"
+				"c1c1c1"
 			);
 			break;
 		case 'sql_graph_hbar': // horizontal bar
@@ -3674,7 +3674,7 @@ function graph_custom_sql_graph ($id, $width, $height,
 				$ttl,
 				$homeurl,
 				'white',
-				'black'
+				'c1c1c1'
 			);
 			break;
 		case 'sql_graph_pie': // Pie
diff --git a/pandora_console/include/graphs/flot/pandora.flot.js b/pandora_console/include/graphs/flot/pandora.flot.js
index 799dc5a46f..7d478e90cc 100644
--- a/pandora_console/include/graphs/flot/pandora.flot.js
+++ b/pandora_console/include/graphs/flot/pandora.flot.js
@@ -369,6 +369,7 @@ function pandoraFlotHBars(graph_id, values, labels, water_mark,
 				hoverable: true,
 				borderWidth: 1,
 				tickColor: tick_color,
+				borderColor: '#C1C1C1',
 				backgroundColor: { colors: [background_color, background_color] }
 				},
 			xaxis: {
@@ -532,15 +533,15 @@ function pandoraFlotVBars(graph_id, values, labels, labels_long, legend, colors,
 	font = font.split("/").pop().split(".").shift();
 	labels_long = labels_long.length > 0 ? labels_long.split(separator) : 0;
 	colors = colors.length > 0 ? colors.split(separator) : [];
-	
+
 	var colors_data = colors.length > 0
 		? colors
 		: ['#FFA631','#FC4444','#FAD403','#5BB6E5','#F2919D','#80BA27'];
 	var datas = new Array();
-	
+
 	for (i = 0; i < values.length; i++) {
 		var serie = values[i].split(separator);
-		
+
 		var aux = new Array();
 		for (j = 0; j < serie.length; j++) {
 			var aux2 = parseFloat(serie[j]);
@@ -559,16 +560,16 @@ function pandoraFlotVBars(graph_id, values, labels, labels_long, legend, colors,
 			}
 		};
 	}
-	
+
 	var labels_total=new Array();
 	labels = labels.split(separator);
 	i = 0;
 	for (i = 0; i < labels.length; i++) {
 		labels_total.push([i, labels[i]]);
 	}
-	
+
 	var stack = 0, bars = true, lines = false, steps = false;
-	
+
 	var options = {
 		series: {
 			bars: {
@@ -605,7 +606,7 @@ function pandoraFlotVBars(graph_id, values, labels, labels_long, legend, colors,
 					text = text.substring(0,3) + "K";
 				else if (label >= 1000)
 					text = text.substring(0,2) + "K";
-				
+
 				return '<div style="font-size:'+font_size+'pt !important;">'+text+'</div>';
 			}
 		},
@@ -620,17 +621,18 @@ function pandoraFlotVBars(graph_id, values, labels, labels_long, legend, colors,
 			hoverable: true,
 			borderWidth: 1,
 			tickColor: tick_color,
+			borderColor: '#C1C1C1',
 			backgroundColor: { colors: [background_color, background_color] }
 		}
 	};
-	
+
 	if(from_wux){
 		options.series.bars.barWidth = 0.5;
 		options.grid.aboveData = true;
 		options.grid.borderWidth = 0;
 		options.grid.markings = [ { xaxis: { from: -0.25, to: -0.25 }, color: "#000" },
 										{ yaxis: { from: 0, to: 0 }, color: "#000" }];
-		options.grid.markingsLineWidth = 0.3; 		
+		options.grid.markingsLineWidth = 0.3;
 
 		options.xaxis.tickLength = 0;
 		options.yaxis.tickLength = 0;
@@ -638,12 +640,12 @@ function pandoraFlotVBars(graph_id, values, labels, labels_long, legend, colors,
 
 	if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))
 		options.xaxis.labelWidth = 100;
-	
+
 	var plot = $.plot($('#'+graph_id),datas, options );
 	$('#' + graph_id).VUseTooltip();
 	$('#' + graph_id).css("margin-left","auto");
 	$('#' + graph_id).css("margin-right","auto");
-	
+
 	if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))
 		$('#'+graph_id+' .xAxis .tickLabel')
 			.find('div')
@@ -662,7 +664,7 @@ function pandoraFlotVBars(graph_id, values, labels, labels_long, legend, colors,
 				title = label;
 				label = shortLabel;
 			}
-			
+
 			format.push([i,
 				'<div class="'+font+'" title="'+title+'" style="word-break: normal; overflow:hidden; transform: rotate(-45deg); position:relative; top:+30px; left:0px; max-width: 100px;font-size:'+font_size+'pt !important;">'
 				+ label
@@ -678,7 +680,7 @@ function pandoraFlotVBars(graph_id, values, labels, labels_long, legend, colors,
 	function lFormatter(v, axis) {
 		return '<div style="font-size:'+font_size+'pt !important;">'+v+'</div>';
 	}
-	
+
 	if (water_mark) {
 		set_watermark(graph_id, plot, $('#watermark_image_'+graph_id).attr('src'));
 	}