@datarailsshared/dr_renderer 1.2.275 → 1.2.276

package/package.json

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

package/src/dr_pivottable.js

@@ -143,6 +143,11 @@ let initDRPivotTable = function($, window, document) {
             return key;
         };
 
+        DRPivotData.prototype.getInsight = function(colKey, rowKey) {
+            const insightInfo = _.find(this.insights, insight => insight.colKey === colKey && insight.rowKey === rowKey);
+            return _.get(insightInfo, 'insight', null);
+        }
+
         DRPivotData.prototype.processRecord = function(record, useTotalsCalculation) {
             if (useTotalsCalculation) {
                 if (!this.notFirst) {
@@ -207,6 +212,16 @@ let initDRPivotTable = function($, window, document) {
                     this.tree[flatRowKey][flatColKey] = this.aggregator(this, rowKey, colKey);
                     this.tree[flatRowKey][flatColKey].push(record);
                 }
+
+                if (flatRowKey || flatColKey) {
+                    this.insights.push({
+                        colKey: flatColKey,
+                        rowKey: flatRowKey,
+                        insight: record.insight || null,
+                    });
+                    delete record.insight;
+                }
+
                 return;
             }
 

package/src/highcharts_renderer.js

@@ -666,6 +666,30 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         return func;
     };
 
+    highchartsRenderer.customFormatterTooltipInsights = function(pivotData, opts) {
+        return {
+        useHTML: true,
+        outside: true,
+        backgroundColor: 'transparent',
+        borderWidth: 0,
+        borderRadius: 0,
+        shadow: false,
+        shape: 'square',
+        padding: 0,
+        stickOnContact: true,
+        formatter: function () {
+            const rowKey = pivotData.rowAttrs.length ? _.get(this.point, 'series.name') || "" : "";
+            const colKey = _.get(this.point, 'name') || this.x.name[0] || "";
+            const insight = pivotData.getInsight(colKey, rowKey) || {};
+            setTimeout(() => {
+                var aggr = highchartsRenderer.defaultFormatterToTooltip(pivotData, opts);
+                const formatted_value_to_return = aggr.bind(this)();
+                opts.insightsTooltipFunc({...this, formatted_value_to_return, ...insight});
+            });
+        }
+    }
+    }
+
     highchartsRenderer.defaultFormatterToTooltip = function (pivotData, opts, is_drill_down_pie) {
         var variant_name = null;
         var variant_name_default_name = null;
@@ -673,7 +697,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             variant_name = opts.chartOptions.delta_column.name.replace('_', '');
             variant_name_default_name = opts.chartOptions.delta_column.name;
         }
-
         const tooltipOptions = lodash.get(opts, 'chartOptions.tooltips');
 
         let percentageLabels = {
@@ -2444,6 +2467,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.ptRenderBasicLine = function (pivotData, opts) {
         var chartOptions = {};
         var rowAttrs = pivotData.rowAttrs;
+        var colAttrs = pivotData.colAttrs;
 
         var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart('line-chart');
 
@@ -2507,10 +2531,14 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.plotOptions.series.point.events.mouseOver = opts.insightsTooltipFunc;
         chartOptions.plotOptions.series.point.events.mouseOut = opts.insightsTooltipFunc;
 
-        chartOptions.tooltip = {
-            formatter: highchartsRenderer.defaultFormatterToTooltip(pivotData, opts),
-            valueDecimals: 2,
-        };
+        if(colAttrs.length > 1 || !opts.insightsTooltipFunc) {
+            chartOptions.tooltip = {
+                formatter: highchartsRenderer.defaultFormatterToTooltip(pivotData, opts),
+                valueDecimals: 2,
+            };
+        } else {
+            chartOptions.tooltip = highchartsRenderer.customFormatterTooltipInsights(pivotData, opts);
+        }
 
         chartOptions.xAxis = {
             categories: pivotData.getColKeys(),
@@ -2918,10 +2946,13 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             highchartsRenderer.setYAxisMinMax(chartOptions.yAxis, additionOptions.axisY);
         }
 
-        chartOptions.tooltip = {
-            formatter: highchartsRenderer.defaultFormatterToTooltip(pivotData, opts),
-            valueDecimals: 2,
-        };
+
+        chartOptions.tooltip = opts.insightsTooltipFunc
+            ? highchartsRenderer.customFormatterTooltipInsights(pivotData, opts)
+            : {
+                formatter: highchartsRenderer.defaultFormatterToTooltip(pivotData, opts),
+                valueDecimals: 2,
+            };
 
         highchartsRenderer.handleGridLines(additionOptions, chartOptions);
 
@@ -8481,7 +8512,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         return $.pivotUtilities.getPivotTableFormula(rowData, opts, func, axisFields, legendFields, aggregationDefaults, utils);
     };
 
-
     // widget Renderer
     highchartsRenderer.updateSelectedOverrideValues = function (widget, override_values, res) {
         if (override_values && override_values.length > 0) {

package/src/pivottable.js

@@ -684,6 +684,7 @@ let initPivotTable = function($, window, document) {
                 return true;
             });
             this.tree = {};
+            this.insights = [];
             this.rowKeys = [];
             this.colKeys = [];
             this.rowTotals = {};