Added support for tooltips.

2 files changed, 22 insertions, 0 deletions

diff --git a/src/lib/rrdFlot.js b/src/lib/rrdFlot.js
index 9743d41..82050c4 100644
--- a/src/lib/rrdFlot.js
+++ b/src/lib/rrdFlot.js
@@ -438,6 +438,7 @@ rrdFlot.prototype.bindFlotGraph = function(flot_obj) {
   // Legend

   var oSelect=document.getElementById(this.legend_sel_id);

   var legend_id=oSelect.options[oSelect.selectedIndex].value;

+  var tooltip_enabled=this.graph_options.tooltip; //tooltip status

 

   var graph_jq_id="#"+this.graph_id;

   var scale_jq_id="#"+this.scale_id;

@@ -448,6 +449,9 @@ rrdFlot.prototype.bindFlotGraph = function(flot_obj) {
     xaxis: { mode: "time" },

     yaxis: { autoscaleMargin: 0.20},

     selection: { mode: "x" },

+    tooltip: true,

+    tooltipOpts: { content: "<h4>%s</h4> Value: %y.3" },

+    grid: { hoverable: true },

   };

 

   if (legend_id=="None") {

@@ -457,6 +461,13 @@ rrdFlot.prototype.bindFlotGraph = function(flot_obj) {
     graph_options.legend.position=legend_id;

   }

 

+  if (tooltip_enabled=="None"||tooltip_enabled==true) {

+    //nothing is the default -> tooltips displayed

+  } else if (tooltip_enabled==false) {

+    graph_options.grid.hoverable=false;

+    graph_options.tooltip=false;

+  }

+

   if (this.selection_range.isSet()) {

     var selection_range=this.selection_range.getFlotRanges();

     if(this.rrdflot_defaults.use_windows) {

diff --git a/src/lib/rrdFlotMatrix.js b/src/lib/rrdFlotMatrix.js
index 08c3239..25fa4f3 100644
--- a/src/lib/rrdFlotMatrix.js
+++ b/src/lib/rrdFlotMatrix.js
@@ -375,6 +375,7 @@ rrdFlotMatrix.prototype.bindFlotGraph = function(flot_obj) {
   // Legend

   var oSelect=document.getElementById(this.legend_sel_id);

   var legend_id=oSelect.options[oSelect.selectedIndex].value;

+  var tooltip_enabled=this.graph_options.tooltip; //tooltip status.

 

   var graph_jq_id="#"+this.graph_id;

   var scale_jq_id="#"+this.scale_id;

@@ -385,6 +386,9 @@ rrdFlotMatrix.prototype.bindFlotGraph = function(flot_obj) {
     xaxis: { mode: "time" },

     yaxis: { autoscaleMargin: 0.20},

     selection: { mode: "x" },

+    tooltip: true,

+    tooltipOpts: { content: "<h4>%s</h4> Value: %y.3" },

+    grid: { hoverable: true },

   };

 

 

@@ -395,6 +399,13 @@ rrdFlotMatrix.prototype.bindFlotGraph = function(flot_obj) {
     graph_options.legend.position=legend_id;

   }

 

+  if (tooltip_enabled=="None"||tooltip_enabled==true) {

+    //nothing is the default -> tooltips displayed

+  } else if (tooltip_enabled==false) {

+    graph_options.grid.hoverable=false;

+    graph_options.tooltip=false;

+  }

+

   if (this.selection_range.isSet()) {

     var selection_range=this.selection_range.getFlotRanges();

     graph_options.xaxis.min=selection_range.xaxis.from;