@datarailsshared/dr_renderer 1.5.114 → 1.5.116

package/package.json

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

package/src/highcharts_renderer.js

@@ -3265,7 +3265,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.ptRenderStackedPercentColumn = function (pivotData, opts, _drilldownFunc, chartType) {
         var chartOptions = {};
         var rowAttrs = pivotData.rowAttrs;
-        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart('column-chart-stacked-percent');
+        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart(optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT);
 
         chartOptions.chart = {
             type: 'column',
@@ -3331,6 +3331,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
         };
         chartOptions = highchartsRenderer.prepareAxisX(chartOptions, additionOptions, pivotData.getColKeys());
+        if (lodash.get(opts, 'paletteOptions.widgetPalette', null)) {
+            const mc_palette = lodash.find(lodash.get(opts.paletteOptions, 'monochromePalettes', []), { selected: true });
+            chartOptions.colors = mc_palette ? mc_palette.colors : opts.paletteOptions.widgetPalette;
+        } else if (lodash.get(opts, 'paletteOptions.dashboardPalette.colors', null)) {
+            chartOptions.colors = opts.paletteOptions.dashboardPalette.colors;
+        }
 
         chartOptions.series = highchartsRenderer.ptCreateColumnSeries(pivotData, chartOptions.colors, null, true, true, additionOptions, opts, chartOptions, chartType);
 
@@ -3563,7 +3569,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.ptRenderStackedPercentBar = function (pivotData, opts) {
         var chartOptions = {};
         var rowAttrs = pivotData.rowAttrs;
-        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart('bar-chart-stacked-percent');
+        var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart(optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT);
 
         const labelStyle = lodash.merge(
             LABEL_DEFAULT_OPTIONS.style,
@@ -3634,6 +3640,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             },
         };
         chartOptions = highchartsRenderer.prepareAxisX(chartOptions, additionOptions, pivotData.getColKeys());
+        if (lodash.get(opts, 'paletteOptions.widgetPalette', null)) {
+            const mc_palette = lodash.find(lodash.get(opts.paletteOptions, 'monochromePalettes', []), { selected: true });
+            chartOptions.colors = mc_palette ? mc_palette.colors : opts.paletteOptions.widgetPalette;
+        } else if (lodash.get(opts, 'paletteOptions.dashboardPalette.colors', null)) {
+            chartOptions.colors = opts.paletteOptions.dashboardPalette.colors;
+        }
         chartOptions.series = highchartsRenderer.ptCreateBasicLineSeries(pivotData, null, null, null, additionOptions, opts, chartOptions);
 
         // Sanitize series data for 100% stacking (convert negative values to 0)
@@ -6315,7 +6327,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more  fields to create the Polygons edges.',
             legendTooltipTitle: 'Adding a field in this section will display data points in your chart for each item in that field.',
         },
-        'column-chart': {
+        [optionsBuilders.CHART_TYPES.COLUMN_CHART]: {
             name: 'Column chart',
             label: 'Column',
             title: 'Compare two or more data series in different categories.',
@@ -6327,9 +6339,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipDescription: 'To create a drill-down within this category, drag another field below the first field.',
             legendTooltipTitle: 'Each field in the data series will appear as a separate column in the chart.',
         },
-        'column-chart-stacked': {
+        [optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED]: {
             name: 'Stacked column chart',
-            label: 'Stacked Column',
+            label: 'Stacked column',
             title: 'Useful for explaining part-to-whole comparisons over time, or across categories.',
             description: 'For example, comparison over time of expenses divided into subcategories. The chart describes both total expenses over time and the relation between the different sub-categories.',
             axisName: 'X - Axis',
@@ -6338,18 +6350,18 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more fields here to create your x-axis. Each item within the field will appear as a different column.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the column.',
         },
-        'column-chart-stacked-percent': {
+        [optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT]: {
             name: '100% Stacked column chart',
-            label: '100% Stacked Column',
-            title: 'Shows the percentage contribution of each segment within a category.',
-            description: 'Each bar represents 100%, with segments showing their percentage share. Ideal for comparing proportions across categories.',
+            label: '100% Stacked column',
+            title: 'Explains the percentage contribution of each value to a total across categories',
+            description: 'For example, showing each department’s share of total expenses per month.',
             axisName: 'X - Axis',
             legendName: 'Data series',
             startedMessage: 'To get started, drag one field to the x-axis section, and one field to the value section. Best practice: we recommend adding one field to the data series section too.',
             axisTooltipTitle: 'Drag one or more fields here to create your x-axis. Each item within the field will appear as a different column.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the column.',
         },
-        'bar-chart': {
+        [optionsBuilders.CHART_TYPES.BAR_CHART]: {
             name: 'Bar chart',
             label: 'Bar',
             title: 'Compare one or more data series across a given category.',
@@ -6360,9 +6372,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more fields here to create your y-axis.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the bar.',
         },
-        'bar-chart-stacked': {
+        [optionsBuilders.CHART_TYPES.BAR_CHART_STACKED]: {
             name: 'Stacked bar chart',
-            label: 'Stacked Bar',
+            label: 'Stacked bar',
             title: 'Good for explaining part-to-whole comparisons across a given category.',
             description: 'For example, compare between sales-rep contributions to the total Revenue in different regions.',
             axisName: 'Y - Axis',
@@ -6371,11 +6383,11 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             axisTooltipTitle: 'Drag one or more fields here to create your y-axis.',
             legendTooltipTitle: 'Each field item will appear as a different segment within the bar.',
         },
-        'bar-chart-stacked-percent': {
+        [optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT]: {
             name: '100% Stacked bar chart',
-            label: '100% Stacked Bar',
-            title: 'Shows the percentage contribution of each segment within a category.',
-            description: 'Each bar represents 100%, with segments showing their percentage share. Ideal for comparing proportions across categories.',
+            label: '100% Stacked bar',
+            title: 'Explains the percentage contribution of each value to a total across categories',
+            description: 'For example, showing each department’s share of total expenses per month.',
             axisName: 'Y - Axis',
             legendName: 'Data series',
             startedMessage: 'To get started, drag one field to the y-axis section, and one field to the value section. Best practice: add one field to the Categories section too.',
@@ -6733,9 +6745,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         ]
                     },
                     {
-                        type: 'column-chart-stacked-percent',
-                        hidden: true,
-                        name: highchartsRenderer.chartsTypesInfo['column-chart-stacked-percent'].name,
+                        type: optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT,
+                        hidden: !environment.enableStackedPercentCharts,
+                        name: highchartsRenderer.chartsTypesInfo[optionsBuilders.CHART_TYPES.COLUMN_CHART_STACKED_PERCENT].name,
                         class: 'google-visualization-charteditor-thumbs-columnchart-stacked-percent',
                         render: highchartsRenderer.ptRenderStackedPercentColumn,
                         suboptions: [
@@ -6801,9 +6813,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         ]
                     },
                     {
-                        type: 'bar-chart-stacked-percent',
-                        hidden: true,
-                        name: highchartsRenderer.chartsTypesInfo['bar-chart-stacked-percent'].name,
+                        type: optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT,
+                        hidden: !environment.enableStackedPercentCharts,
+                        name: highchartsRenderer.chartsTypesInfo[optionsBuilders.CHART_TYPES.BAR_CHART_STACKED_PERCENT].name,
                         class: 'google-visualization-charteditor-thumbs-barchart-stacked-percent',
                         render: highchartsRenderer.ptRenderStackedPercentBar,
                         suboptions: [

package/src/index.d.ts

@@ -38,6 +38,7 @@ declare namespace DrRenderFactory {
         disable_animation?: boolean;
         fiscal_year_starts_from?: number;
         fiscal_year_back?: boolean;
+        enableStackedPercentCharts?: boolean;
     }
 
     interface Factory {