@datarailsshared/dr_renderer 1.2.82 → 1.2.85

package/package.json

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

package/src/highcharts_renderer.js

@@ -7,9 +7,11 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     let useNewUx = false;
     let useTotalsCalculation = false;
+    let disableAnimation = false;
     if (document.ReportHippo && document.ReportHippo && document.ReportHippo.user) {
         useTotalsCalculation = lodash.includes(document.ReportHippo.user.features, 'enable_server_totals_calculation');
         useNewUx = document.ReportHippo.user.organization && document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.use_new_ux;
+        disableAnimation = document.ReportHippo.user.organization && document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.disable_animation
     }
     const textColor = "#151a41";
     const chartLabelColor = "#cfd7dd";
@@ -765,6 +767,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             return chartOptions;
         }
         if (chartOptions.drilldown) {
+            if (disableAnimation) {
+                chartOptions.drilldown.animation = false;
+            }
             chartOptions.drilldown.drillUpButton = useNewUx ? {
                 position: {
                     align: 'left',
@@ -1489,6 +1494,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             plotShadow: false,
             type: 'pie'
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
 
         if (additionOptions && additionOptions.chart) {
@@ -1507,6 +1515,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
                 },
                 showInLegend: true
+            },
+            series: {
+                animation: !disableAnimation
             }
         };
 
@@ -1611,7 +1622,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: 'solidgauge'
         };
-
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, gaugeopts);
 
         chartOptions.plotOptions = {
@@ -1628,6 +1641,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     useHTML: true,
                     style: highchartsRenderer.getDataLabelsStyle(gaugeopts)
                 }
+            },
+            series: {
+                animation: !disableAnimation
             }
         };
         //chartOptions.tooltip = { pointFormat: '{series.name}: <b>{point.y}</b>', valueDecimals: 0 };
@@ -1733,7 +1749,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: 'gauge'
         };
-
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, gaugeopts);
         chartOptions.plotOptions = {
             solidgauge: {
@@ -1749,6 +1767,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     useHTML: true,
                     style: highchartsRenderer.getDataLabelsStyle(gaugeopts)
                 }
+            },
+            series: {
+                animation: !disableAnimation
             }
         };
 
@@ -1891,6 +1912,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: ''
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         var uniqueVals = kpioptions.value.value == "Unique";
 
         let temp_series = highchartsRenderer.ptCreateBasicLineSeries(pivotData, null, true, uniqueVals, null, opts, chartOptions);
@@ -1952,7 +1976,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: 'gauge'
         };
-
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         chartOptions.title = kpioptions.hideChartHeader ? null : {
             text: kpioptions.name.name,
             margin: 0,
@@ -1987,6 +2013,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 }
             }
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
 
         if (additionOptions && additionOptions.chart) {
@@ -1995,6 +2024,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         chartOptions.plotOptions = {
             series: {
+                animation: !disableAnimation,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label_pie ? additionOptions.label_pie.overlap : false,
                     enabled: additionOptions && additionOptions.label_pie ? additionOptions.label_pie.show : false,
@@ -2056,7 +2086,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: 'line'
         };
-
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
 
         chartOptions.yAxis = {
@@ -2080,6 +2112,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         chartOptions.plotOptions = {
             series: {
+                animation: !disableAnimation,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
                     enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2133,6 +2166,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: 'scatter'
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
         chartOptions.yAxis = {
             min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2159,6 +2195,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 }
             },
             series: {
+                animation: !disableAnimation,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
                     enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2226,6 +2263,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: 'spline'
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
         chartOptions.yAxis = {
             min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2247,6 +2287,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         chartOptions.plotOptions = {
             series: {
+                animation: !disableAnimation,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
                     enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2298,6 +2339,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: type === 'area-chart' ? 'area' : 'areaspline'
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
         chartOptions.yAxis = {
             min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2347,6 +2391,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 }
             },
             series: {
+                animation: !disableAnimation,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
                     enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2379,6 +2424,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             polar: true,
             type: 'line'
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
         chartOptions.yAxis = {
             gridLineInterpolation: 'polygon',
@@ -2399,6 +2447,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         chartOptions.plotOptions = {
             series: {
+                animation: !disableAnimation,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
                     enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2459,6 +2508,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
             }
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
 
         chartOptions.xAxis = {
             type: 'category',
@@ -2518,6 +2570,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 borderWidth: 0
             },
             series: {
+                animation: !disableAnimation,
                 cropThreshold: 1000,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
@@ -2570,6 +2623,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
             }
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
         chartOptions.yAxis = {
             min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2656,6 +2712,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     }),
                     color: 'contrast'
                 }
+            },
+            series: {
+                animation: !disableAnimation
             }
         };
 
@@ -2713,6 +2772,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
             }
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
 
         chartOptions.yAxis = {
@@ -2730,6 +2792,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         chartOptions.plotOptions = {
             series: {
+                animation: !disableAnimation,
                 borderWidth: 0,
                 cropThreshold: 1000,
                 dataLabels: {
@@ -2804,6 +2867,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         chartOptions.chart = {
             type: 'bar'
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
         chartOptions.yAxis = {
             min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2846,6 +2912,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 borderWidth: 0
             },
             series: {
+                animation: !disableAnimation,
                 cropThreshold: 1000,
                 dataLabels: {
                     allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
@@ -2881,6 +2948,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             type: 'bar',
             zoomType: 'x'
         };
+        if (disableAnimation) {
+            chartOptions.chart.animation = false;
+        }
         highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
         chartOptions.yAxis = {
             min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2930,6 +3000,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         chartOptions.plotOptions = {
             series: {
+                animation: !disableAnimation,
                 stacking: 'normal'
             }
         };

package/src/pivot.css

@@ -235,6 +235,7 @@ table.pvtTable.newPvtTable thead tr th .dr-icon-minus {
   margin-right: 2px;
   margin-left: 1px;
   font-size: 8px;
+  color: #151a41;
 }
 
 table.pvtTable.newPvtTable.colorized tr th.colTotal,