@datarailsshared/dr_renderer 1.2.421 → 1.2.422

package/package.json

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

package/src/highcharts_renderer.js

@@ -379,6 +379,31 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     /** End of 'Highcharts initial configuration section' **/
 
+    const chartDataLabelsVerticalOptions = function (chartOptions) {
+        const vertical = lodash.get(chartOptions, 'label.vertical', false);
+        if (vertical) {
+            return {
+                rotation: 270,
+                y: -25,
+                padding: 10,
+                crop: false,
+            };
+        }
+
+        return  {};
+    };
+
+    const chartHasVerticalDataLabelsOption = (type) => {
+        return ![
+            highchartsRenderer.CHART_TYPES.LINE_CHART,
+            highchartsRenderer.CHART_TYPES.LINE_CHART_SMOOTH,
+            highchartsRenderer.CHART_TYPES.AREA_CHART,
+            highchartsRenderer.CHART_TYPES.AREA_CHART_SMOOTH,
+            highchartsRenderer.CHART_TYPES.BAR_CHART,
+            highchartsRenderer.CHART_TYPES.BAR_CHART_STACKED,
+        ].includes(type);
+    };
+
     highchartsRenderer.filterFloat = function (value) {
         if (/^(\-|\+)?([0-9]+(\.[0-9]+)?|Infinity)$/.test(value))
             return Number(value);
@@ -1894,8 +1919,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.ptCreateDrillDownSeriesToDrilldownChart = function (pivotData, chartOptions, additionOptions, opts) {
 
         var pie_drill_down_series = [],
-            row_n_keys = pivotData.getRowKeys(),
-            col_n_keys = pivotData.getColKeys();
+        row_n_keys = pivotData.getRowKeys(),
+        col_n_keys = pivotData.getColKeys();
 
         var num_cols = col_n_keys.length;
         var num_rows = row_n_keys.length;
@@ -3040,11 +3065,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 }
             };
         }
-
+        chartOptions.plotOptions.series = highchartsRenderer.getDataLabelsOptions(additionOptions, chartOptions.plotOptions.series);
         chartOptions.legend = highchartsRenderer.getOptionsForLegends(additionOptions, rowAttrs.length, false);
 
         chartOptions.drilldown = highchartsRenderer.getDataLabelsStylesForDrillDown(additionOptions);
-
         return highchartsRenderer.ptCreateElementAndDraw(chartOptions, opts);
     };
 
@@ -6031,7 +6055,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         let valToReturn = {};
         if (chartOpt) {
             lodash.forEach(chartOpt.suboptions, (suboption) => {
-                valToReturn[suboption.category_type] = highchartsRenderer.getDefaultValueForSubOptions(suboption, existing_options);
+                valToReturn[suboption.category_type] = highchartsRenderer.getDefaultValueForSubOptions(suboption, existing_options, type);
             });
         }
 
@@ -6101,6 +6125,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         };
         result = lodash.merge(result, options);
         result = lodash.merge(result, chartOptions.dataLabels);
+        result = lodash.merge(result, chartDataLabelsVerticalOptions(additionalOptions, chartOptions));
         chartOptions.dataLabels = result;
 
         return chartOptions;
@@ -6112,7 +6137,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         return key
     };
 
-    highchartsRenderer.getDefaultValueForSubOptions = function (option, existing_options) {
+    highchartsRenderer.getDefaultValueForSubOptions = function (option, existing_options, chartType) {
         const valToReturn = {};
         
         if (option) {
@@ -6120,6 +6145,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             lodash.forEach(option.elements, function (elem) {
                 if (existing_options && lodash.has(existing_options, type + '.' + elem.value_name)) {
                     valToReturn[elem.value_name] = lodash.get(existing_options, type + '.' + elem.value_name);
+
+                    if (elem.showFn && typeof elem.showFn === 'function' && !elem.showFn(chartType)) {
+                        valToReturn[elem.value_name] = undefined;
+                    }
                 }
                 if (valToReturn[elem.value_name] == undefined && elem.element_type !== 'devider') {
                     if (typeof elem.default_value === 'object') {
@@ -6666,6 +6695,13 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     value_name: 'overlap',
                     default_value: false
                 },
+                {
+                    element_type: 'toggle',
+                    element_label: 'Vertical',
+                    value_name: 'vertical',
+                    default_value: false,
+                    showFn: chartHasVerticalDataLabelsOption,
+                },
                 {
                     element_type: 'devider',
                 },
@@ -6809,6 +6845,13 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     value_name: 'overlap',
                     default_value: false
                 },
+                {
+                    element_type: 'toggle',
+                    element_label: 'Vertical',
+                    value_name: 'vertical',
+                    default_value: false,
+                    showFn: chartHasVerticalDataLabelsOption,
+                },
                 {
                     element_type: 'toggle',
                     element_label: 'Shadow',