@datarailsshared/dr_renderer 1.2.341 → 1.2.343

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.2.341",
+  "version": "1.2.343",
   "description": "DataRails charts and tables renderer",
   "keywords": [
     "datarails",

package/src/highcharts_renderer.js

@@ -143,6 +143,7 @@ const FEATURES = {
     ENABLE_NEW_WIDGET_VALUE_FORMATTING: 'enable_new_widget_value_formatting',
     ENABLE_SERVER_TOTALS_CALCULATION: 'enable_server_totals_calculation',
     FORMAT_AXIS: 'use_default_table_format_for_axis',
+    DASHBOARD_INSIGHT_TOOLTIP_RELATIVE_POSITION: 'dashboard_insight_tooltip_relative_position',
 }
 
 const TICKS_COUNT = 5;
@@ -175,11 +176,13 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.useTotalsCalculation = false;
     highchartsRenderer.enabledNewWidgetValueFormatting = false;
+    highchartsRenderer.relativePositionForInsightTooltips = false;
     let disableAnimation = false;
     if (document.ReportHippo && document.ReportHippo && document.ReportHippo.user) {
         highchartsRenderer.useTotalsCalculation = lodash.includes(document.ReportHippo.user.features, FEATURES.ENABLE_SERVER_TOTALS_CALCULATION);
         disableAnimation = document.ReportHippo.user.organization && document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.disable_animation
         highchartsRenderer.enabledNewWidgetValueFormatting = lodash.includes(document.ReportHippo.user.features, FEATURES.ENABLE_NEW_WIDGET_VALUE_FORMATTING);
+        highchartsRenderer.relativePositionForInsightTooltips = lodash.includes(document.ReportHippo.user.features, FEATURES.DASHBOARD_INSIGHT_TOOLTIP_RELATIVE_POSITION);
     }
 
     // fix issue of use tootip.stickOnContact with tooltip.outside , source: https://github.com/highcharts/highcharts/pull/15960
@@ -683,7 +686,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.customFormatterTooltipInsights = function(pivotData, opts) {
         return {
         useHTML: true,
-        outside: true,
+        outside: !highchartsRenderer.relativePositionForInsightTooltips,
         backgroundColor: 'transparent',
         borderWidth: 0,
         borderRadius: 0,
@@ -5009,7 +5012,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         })
     };
 
-    highchartsRenderer.returnRawDataValue = function (type, value, format, field_name, vals_not_for_convert) {
+    highchartsRenderer.returnRawDataValue = function (type, value, format, field_name, vals_not_for_convert, isFormattingNumbers) {
         if (vals_not_for_convert && vals_not_for_convert.length && lodash.includes(vals_not_for_convert, value)) {
             return value;
         }
@@ -5074,8 +5077,11 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 return 'Wrong date format';
             }
         } else {
+            const isFormatting = highchartsRenderer.isFormattingAxisFeatureOn() && isFormattingNumbers && format && !isNaN(value);
             if (value === null || value === '[null]') {
                 return '[null]';
+            } else if (isFormatting) {
+                return highchartsRenderer.formatValue('n', format, value).value;
             }
         }
 
@@ -8010,7 +8016,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         suboptions: []
     };
 
-    highchartsRenderer.getFilterLabel = function (fieldFilter, showTemplateName) {
+    highchartsRenderer.getFilterLabel = function (fieldFilter, showTemplateName, isFormattingNumbers) {
         var displayname;
         if (fieldFilter.new_name)
             displayname = fieldFilter.new_name.replace('RH_DIM_', '');
@@ -8033,7 +8039,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 var tooltip = '';
                 var all_vals = [];
                 if (fieldFilter.type == 'Date') {
-                    all_vals = [];
                     var invertValueFormatMap = lodash.invert(fieldFilter.valueFormatMap);
                     lodash.forEach(fieldFilter.includes, function (val) {
                         if (invertValueFormatMap && invertValueFormatMap[val]) {
@@ -8043,6 +8048,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         }
                         all_vals.push(val);
                     });
+                } else if (isFormattingNumbers && highchartsRenderer.isFormattingAxisFeatureOn()) {
+                    all_vals = lodash.map(lodash.cloneDeep(fieldFilter.includes), val => 
+                        highchartsRenderer.returnRawDataValue(fieldFilter.type, val, fieldFilter.format || '', null, null, true) + ""
+                    );
                 } else {
                     all_vals = lodash.clone(fieldFilter.includes);
                 }
@@ -9333,7 +9342,11 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     }
 
     highchartsRenderer.isFormattingAxis = function (pivotData) {
-        return lodash.includes(lodash.get(document, 'ReportHippo.user.features', []), FEATURES.FORMAT_AXIS) && pivotData.isFormattingAxisLabels;
+        return highchartsRenderer.isFormattingAxisFeatureOn() && pivotData.isFormattingAxisLabels;
+    }
+
+    highchartsRenderer.isFormattingAxisFeatureOn = function () {
+        return lodash.includes(lodash.get(document, 'ReportHippo.user.features', []), FEATURES.FORMAT_AXIS);
     }
 
     // Method for getting formatted kyes for Axis (cols, rows)