@datarailsshared/dr_renderer 1.2.57 → 1.2.58

package/package.json

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

package/src/highcharts_renderer.js

@@ -998,7 +998,13 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
         }
 
-        chart_series = [...chart_series, ...trendSerieses]
+        opts.chart_series = []
+
+        if (!lodash.isEqual(row_n_keys, [[]])) {
+            chart_series.forEach(series => {
+                opts.chart_series.push(series.name);
+            })
+        }
 
         if (opts.total) {
             const newSeries = lodash.clone(ethalonSeries);
@@ -1018,6 +1024,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             chart_series.push(newSeries);
         }
 
+        chart_series = [...chart_series, ...trendSerieses]
+
         highchartsRenderer.moveSeriesToSecondYAxisIfNeeded(chart_series, pivotData, chartOptions, additionOptions, opts, opts.total && opts.totalSeriesSettings && opts.totalSeriesSettings.secondaryAxis);
 
         return chart_series;
@@ -1141,18 +1149,24 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         let weights = { line: 2,spline: 3 ,area:-2, areaspline: -1, scatter:4, column: 1 };
 
-        if (opts.comboOptions && chartType.includes('combo')) {
+        if (opts.comboOptions && chartType.includes('combo') && !lodash.isEqual(row_n_keys, [[]])) {
             chart_series.forEach((series, seriesIndex) => {
                 const savedSeriesOption = lodash.find(opts.comboOptions.seriesOptions, {series: series.name});
                 if (savedSeriesOption) {
                     highchartsRenderer.setChartTypeBySeriesType(savedSeriesOption.chartType, series);
-                } else if (seriesIndex === chart_series.length - 1 && !has_delta) {
+                } else if (seriesIndex === chart_series.length - 1 && chart_series.length > 1 && !has_delta && !opts.total && !trendSerieses.length) {
                     series.type = 'line';
                 }
             });
         }
 
-        chart_series = [...chart_series, ...trendSerieses]
+        opts.chart_series = []
+
+        if (!lodash.isEqual(row_n_keys, [[]])) {
+            chart_series.forEach(series => {
+                opts.chart_series.push(series.name);
+            })
+        }
 
         if (opts.total) {
             const totalSeries = lodash.clone(ethalonSeries);
@@ -1178,6 +1192,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             chart_series.push(totalSeries);
         }
 
+        chart_series = [...chart_series, ...trendSerieses];
+
         highchartsRenderer.moveSeriesToSecondYAxisIfNeeded(chart_series, pivotData, chartOptions, additionOptions, opts, opts.total && opts.totalSeriesSettings && opts.totalSeriesSettings.secondaryAxis);
 
         chart_series.sort((a,b) => {
@@ -1395,6 +1411,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         }
     }
 
+    highchartsRenderer.encodeHTMLBrackets = function (string) {
+        return string.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
+    };
+
     highchartsRenderer.addSecondYAxis = function (pivotData, chartOptions, additionOptions, opts) {
         const varianceColor = (additionOptions && additionOptions.delta_column.color) || (highchartsRenderer && highchartsRenderer.variance_color) || Highcharts.getOptions().colors[7];
         let labels_formatter = opts.comboOptions.secondaryAxisSettings.is_percentage ?
@@ -1406,7 +1426,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             min: !isNaN(parseInt(opts.comboOptions.secondaryAxisSettings.min)) ? opts.comboOptions.secondaryAxisSettings.min : null,
             max: !isNaN(parseInt(opts.comboOptions.secondaryAxisSettings.max)) ? opts.comboOptions.secondaryAxisSettings.max : null,
             title: {
-                text: opts.comboOptions.secondaryAxisSettings.name,
+                text: highchartsRenderer.encodeHTMLBrackets(opts.comboOptions.secondaryAxisSettings.name),
                 style: {
                     color: varianceColor
                 }
@@ -3733,15 +3753,25 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     };
 
     highchartsRenderer.getNewAttrSortingForCol = function (pivotData, sortingOptions) {
-        let colAttrs, colKeys;
-        colAttrs = pivotData.colAttrs;
+        let rowAttrs, rowKeys, colKeys, colAttrs;
+        rowAttrs = pivotData.rowAttrs;
+        rowKeys = pivotData.rowKeys;
         colKeys = pivotData.colKeys;
+        colAttrs = pivotData.colAttrs;
+
+
         if (!colAttrs || colAttrs.length == 0) {
             return null;
         }
+
         let values_names_arr = [];
-        lodash.forEach(colKeys, function (val) {
-            let aggregator_subtotal = pivotData.getAggregator([], [val[0]]);
+        let keysArray = sortingOptions.field ? rowKeys : colKeys;
+
+        lodash.forEach(keysArray, function (val) {
+            let firstArray = sortingOptions.field ? [val[0]] : [];
+            let secondArray = sortingOptions.field ? sortingOptions.field.split(highchartsRenderer.delimer) : [val[0]];
+            let aggregator_subtotal = pivotData.getAggregator(firstArray, secondArray);
+
             if (aggregator_subtotal) {
                 let value_subtotal = aggregator_subtotal.value();
                 if (sortingOptions && sortingOptions.is_absolute && !isNaN(parseFloat(value_subtotal))) {
@@ -3760,19 +3790,28 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         // map only names
         let attr_sorted_values = lodash.map(values_names_arr, 'name');
-        return {name: colAttrs[0], values: attr_sorted_values};
+        return {name: sortingOptions.field ? rowAttrs[0] : colAttrs[0], values: attr_sorted_values};
     };
 
     highchartsRenderer.getNewAttrSortingForRow = function (pivotData, sortingOptions) {
-        let rowAttrs, rowKeys;
+        let rowAttrs, rowKeys, colKeys, colAttrs;
         rowAttrs = pivotData.rowAttrs;
         rowKeys = pivotData.rowKeys;
+        colKeys = pivotData.colKeys;
+        colAttrs = pivotData.colAttrs;
+
         if (!rowAttrs || rowAttrs.length == 0) {
             return null;
         }
+
         let values_names_arr = [];
-        lodash.forEach(rowKeys, function (val) {
-            let aggregator_subtotal = pivotData.getAggregator([val[0]], []);
+        let keysArray = sortingOptions.field ? colKeys : rowKeys;
+
+        lodash.forEach(keysArray, function (val) {
+            let firstArray = sortingOptions.field ? sortingOptions.field.split(highchartsRenderer.delimer) : [val[0]];
+            let secondArray = sortingOptions.field ? [val[0]] : [];
+            let aggregator_subtotal = pivotData.getAggregator(firstArray, secondArray);
+
             if (aggregator_subtotal) {
                 let value_subtotal = aggregator_subtotal.value();
                 if (sortingOptions && sortingOptions.is_absolute && !isNaN(parseFloat(value_subtotal))) {
@@ -3791,7 +3830,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         // map only names
         let attr_sorted_values = lodash.map(values_names_arr, 'name');
-        return {name: rowAttrs[0], values: attr_sorted_values};
+        return {name: sortingOptions.field ? colAttrs[0] : rowAttrs[0], values: attr_sorted_values};
     };
 
     highchartsRenderer.generateSortingFunctionByValues = function (sortingOptions, pivotData, opts) {
@@ -7102,12 +7141,18 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 return data_row[field_with_variant.name] == variance_config.name && data_row[field_for_sorting.name] != undefined;
             });
 
+            const sorting_variance = widget.options.total_value_options.sorting_variance === '' ? 'asc' : 'desc';
+
             if (widget.options.chartOptions.delta_column.sort_by_absolute_variance) {
                 data_sorted = lodash.sortBy(data_sorted, function (o) {
-                    return Math.abs(o[val_field.name]) * -1;
+                    if (sorting_variance === 'desc') {
+                        return Math.abs(o[val_field.name]) * -1;
+                    }
+
+                    return Math.abs(o[val_field.name]) * 1;
                 });
             } else {
-                data_sorted = lodash.orderBy(data_sorted, [val_field.name], ['desc']);
+                data_sorted = lodash.orderBy(data_sorted, [val_field.name], [sorting_variance]);
             }
 
             let values_for_sort = lodash.map(data_sorted, function (data_row) {