#694: When stacking is enabled show both the relative value (in %) and the absolute value

Author: alonho

rd_ui/app/scripts/directives/plotly.js

@@ -48,15 +48,18 @@
     fillXValues(seriesList);
     _.each(seriesList, function(series) {
       series.text = [];
+      series.hoverinfo = 'text+name';
     });
     for (var i = 0; i < seriesList[0].y.length; i++) {
       var sum = 0;
       for(var j = 0; j < seriesList.length; j++) {
         sum += seriesList[j]['y'][i];
       }
       for(var j = 0; j < seriesList.length; j++) {
-        seriesList[j].text.push('Value: ' + seriesList[j]['y'][i]);
-        seriesList[j]['y'][i] = seriesList[j]['y'][i] / sum * 100;
+        var value = seriesList[j]['y'][i] / sum * 100;
+        seriesList[j].text.push('Value: ' + seriesList[j]['y'][i] + '<br>Relative: ' + value.toFixed(2) + '%');
+
+        seriesList[j]['y'][i] = value;
         if (j > 0)
           seriesList[j].y[i] += seriesList[j-1].y[i];
       }
@@ -69,15 +72,17 @@
     fillXValues(seriesList);
     _.each(seriesList, function(series) {
       series.text = [];
+      series.hoverinfo = 'text+name';
     });
     for (var i = 0; i < seriesList[0].y.length; i++) {
       var sum = 0;
       for(var j = 0; j < seriesList.length; j++) {
         sum += seriesList[j]['y'][i];
       }
       for(var j = 0; j < seriesList.length; j++) {
-        seriesList[j].text.push('Value: ' + seriesList[j]['y'][i]);
-        seriesList[j]['y'][i] = seriesList[j]['y'][i] / sum * 100;
+        var value = seriesList[j]['y'][i] / sum * 100;
+        seriesList[j].text.push('Value: ' + seriesList[j]['y'][i] + '<br>Relative: ' + value.toFixed(2) + '%');
+        seriesList[j]['y'][i] = value;
       }
     }
   }