@datarailsshared/dr_renderer 1.2.185-dragons → 1.2.187-dragons

package/package.json

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

package/src/highcharts_renderer.js

@@ -1339,15 +1339,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         return chart_series;
     }
 
-    highchartsRenderer.ptCreateWaterfallBreakdownSeries = function (pivotData, onlyNumbers, additionOptions, opts) {
+    highchartsRenderer.ptCreateWaterfallBreakdownSeries = function (pivotData, additionOptions, opts) {
         const colorOptions = opts.breakdown_options.colors;
-        var chart_series = [],
-            row_n_keys = pivotData.getRowKeys(),
-            col_n_keys = pivotData.getColKeys();
-
-        if (row_n_keys.length === 0) {
-            row_n_keys.push([]);
-        }
+        const chart_series = [];
+        const row_n_keys = pivotData.getRowKeys();
+        const col_n_keys = lodash.map(lodash.keys(pivotData.colTotals), key => [key]);
+        const hasBreakdownValues = lodash.get(opts, 'breakdown_options.values.breakdown.length');
 
         let resultObject = {
             data: [],
@@ -1363,51 +1360,39 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         };
         resultObject = highchartsRenderer.getDataLabelsOptions(additionOptions, resultObject);
 
-        const breakdownValues = [];
+        let previousTotalValue = 0;
         lodash.forEach(col_n_keys, function(col_n_value, col_index) {
-            breakdownValues.push([]);
-            lodash.forEach(row_n_keys, function (row_n_value, row_index) {
-                var agg = pivotData.getAggregator(row_n_value, col_n_value);
-                var val = agg.value();
-
-                if (val != null && $.isNumeric(val)) {
-                    val = parseFloat(val);
-                } else if (onlyNumbers) {
-                    val = NaN;
-                } else {
-                    val = 0;
-                }
 
-                breakdownValues[col_index][row_index] = val;
-
-                if (col_index) {
-                    const value = val - breakdownValues[col_index - 1][row_index];
-
-                    if (value) {
-                        var tmoobj = {};
-                        var key = row_n_value;
-                        if (lodash.isArray(row_n_value)) {
-                            key = row_n_value[0];
-                        }
+            const totalColumnValue = pivotData.colTotals[col_n_value].sum;
+            if (col_index) {
+                lodash.forEach(row_n_keys, function (row_n_value) {
+                    const agg = pivotData.getAggregator(row_n_value, col_n_value);
+                    let val = hasBreakdownValues
+                        ? agg.value()
+                        : totalColumnValue - previousTotalValue;
+                    val = $.isNumeric(val) ? parseFloat(val) : 0;
+                    if (val) {
+                        const tmoobj = {};
+                        const key = lodash.isArray(row_n_value) ? row_n_value[0] : row_n_value;
                         tmoobj.name = lodash.unescape(key);
-        
+
                         if (tmoobj.name) {
                             tmoobj.name = tmoobj.name.replace('DR_Others', highchartsRenderer.getOthersName(opts));
                         }
-        
                         if (lodash.isEmpty(String(tmoobj.name))) {
                             tmoobj.name = lodash.unescape(col_n_value);
                             tmoobj.visible = false;
                         }
-                        tmoobj.y = value;
+
+                        tmoobj.y = val;
                         tmoobj.colKeys = [lodash.unescape(col_n_keys[col_index - 1]), lodash.unescape(col_n_value)];
                         resultObject.data.push(tmoobj);
                     }
-                }
-            });
-
+                });
+            }
+            previousTotalValue = totalColumnValue;
             resultObject.data.push({
-                y: pivotData.colTotals[col_n_value].sum,
+                y: totalColumnValue,
                 name: lodash.unescape(col_n_value).replace('DR_Others', highchartsRenderer.getOthersName(opts)),
                 isSum: !!col_index,
                 isTotal: true,
@@ -3240,7 +3225,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             chartOptions.colors = opts.paletteOptions.dashboardPalette.colors;
         }
         chartOptions.series = highchartsRenderer
-            .ptCreateWaterfallBreakdownSeries(pivotData, null, additionOptions, opts);
+            .ptCreateWaterfallBreakdownSeries(pivotData, additionOptions, opts);
 
         chartOptions = highchartsRenderer.prepareAxisX(chartOptions, additionOptions, pivotData.getColKeys());
         chartOptions.plotOptions = {
@@ -6794,15 +6779,16 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.chartsTypesInfo = {
         [highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN]: {
-            name: 'Waterfall Breakdown Chart ',
-            label: 'Waterfall Breakdown Chart ',
-            title: 'TODO: add text',
-            description: 'TODO: add text',
+            name: 'Breakdown Chart ',
+            label: 'Breakdown Chart ',
+            title: 'This chart is used to show the breakdown of variance between two or more total values.',
             axisName: 'Category',
             legendName: 'Breakdown',
             startedMessage: 'To get started, drag one field to the Category and one field to the Value section.',
-            axisTooltipTitle: 'TODO: add text',
-            legendTooltipTitle: 'TODO: add text',
+            axisTooltipTitle: 'Drag one field to compare two to five items.',
+            axisTooltipDescription: 'For example, Year over Year or two entities total income. If you are using date field, the chart will present YoY comparison by default.',
+            legendTooltipTitle: 'Drag one field here to analyze the differences.',
+            legendTooltipDescription: 'You can split the differences into 12 items. The rest of the items will be aggregated as “Other”.'
         }, 
         'combo-chart': {
             name: 'Combo Chart ',
@@ -7439,13 +7425,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             {
                 type: 'waterfall-chart',
                 name: 'Waterfall',
-                hidden: true,
-                class: 'google-visualization-charteditor-mini-column',
+                class: 'google-visualization-charteditor-mini-waterfall',
                 subtypes: [
                     {
                         type: highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN,
                         name:  highchartsRenderer.chartsTypesInfo[highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN].name,
-                        class: 'google-visualization-charteditor-thumbs-columnchart',
+                        class: 'google-visualization-charteditor-thumbs-breakdown',
                         render: highchartsRenderer.ptRenderWaterfallBreakdown,
                         suboptions: [
                             highchartsRenderer.suboptions["axisY"],
@@ -8668,7 +8653,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             rows = [];
         } else {
             rows = cols;
-            cols = [];
+            cols = [point.colKeys[1]];
         }
         return { rows, cols };
     }