@datarailsshared/dr_renderer 1.2.81 → 1.2.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/dr_pivottable.js +24 -0
  3. package/src/highcharts_renderer.js +232 -4
  4. package/src/pivot.css +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datarailsshared/dr_renderer",
3
- "version": "1.2.81",
3
+ "version": "1.2.84",
4
4
  "description": "DataRails charts and tables renderer",
5
5
  "keywords": [
6
6
  "datarails",
package/src/dr_pivottable.js CHANGED
@@ -776,6 +776,29 @@ let initDRPivotTable = function($, window, document) {
776
776
  }
777
777
  return eventHandlers;
778
778
  };
779
+ applyInlineStyles = function(element, className) {
780
+ const tableDesignOptions = opts.chartOptions.table_design_options;
781
+ let optionName;
782
+ if (!className) return element;
783
+
784
+ if (element.className.includes('pvtAxisLabel') ||
785
+ element.className.includes('pvtColLabel')) {
786
+ optionName = 'columns';
787
+ } else if (element.className.includes('pvtRowLabel')) {
788
+ optionName = 'rows';
789
+ } else if (element.className.includes('pvtVal') &&
790
+ !element.className.includes('pvtTotal')) {
791
+ optionName = 'values';
792
+ } else if (element.className.includes('colTotal') ||
793
+ element.className.includes('rowTotal') ||
794
+ element.className.includes('pvtGrandTotal')) {
795
+ optionName = 'totals';
796
+ }
797
+ element.style.fontSize = tableDesignOptions[optionName + '_font_size'] + 'px';
798
+ element.style.textAlign = tableDesignOptions[optionName + '_align_text'];
799
+ element.style.fontFamily = tableDesignOptions[optionName + '_font_style'];
800
+ return element;
801
+ }
779
802
  createElement = function(elementType, className, textContent, attributes, eventHandlers) {
780
803
  var attr, e, event, handler, val;
781
804
  e = document.createElement(elementType);
@@ -800,6 +823,7 @@ let initDRPivotTable = function($, window, document) {
800
823
  e.addEventListener(event, handler);
801
824
  }
802
825
  }
826
+ applyInlineStyles(e, className);
803
827
  return e;
804
828
  };
805
829
  setAttributes = function(e, attrs) {
package/src/highcharts_renderer.js CHANGED
@@ -7,9 +7,11 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
7
7
 
8
8
  let useNewUx = false;
9
9
  let useTotalsCalculation = false;
10
+ let disableAnimation = false;
10
11
  if (document.ReportHippo && document.ReportHippo && document.ReportHippo.user) {
11
12
  useTotalsCalculation = lodash.includes(document.ReportHippo.user.features, 'enable_server_totals_calculation');
12
13
  useNewUx = document.ReportHippo.user.organization && document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.use_new_ux;
14
+ disableAnimation = document.ReportHippo.user.organization && document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.disable_animation
13
15
  }
14
16
  const textColor = "#151a41";
15
17
  const chartLabelColor = "#cfd7dd";
@@ -1489,6 +1491,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1489
1491
  plotShadow: false,
1490
1492
  type: 'pie'
1491
1493
  };
1494
+ if (disableAnimation) {
1495
+ chartOptions.chart.animation = false;
1496
+ }
1492
1497
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
1493
1498
 
1494
1499
  if (additionOptions && additionOptions.chart) {
@@ -1507,6 +1512,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1507
1512
 
1508
1513
  },
1509
1514
  showInLegend: true
1515
+ },
1516
+ series: {
1517
+ animation: !disableAnimation
1510
1518
  }
1511
1519
  };
1512
1520
 
@@ -1611,7 +1619,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1611
1619
  chartOptions.chart = {
1612
1620
  type: 'solidgauge'
1613
1621
  };
1614
-
1622
+ if (disableAnimation) {
1623
+ chartOptions.chart.animation = false;
1624
+ }
1615
1625
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, gaugeopts);
1616
1626
 
1617
1627
  chartOptions.plotOptions = {
@@ -1628,6 +1638,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1628
1638
  useHTML: true,
1629
1639
  style: highchartsRenderer.getDataLabelsStyle(gaugeopts)
1630
1640
  }
1641
+ },
1642
+ series: {
1643
+ animation: !disableAnimation
1631
1644
  }
1632
1645
  };
1633
1646
  //chartOptions.tooltip = { pointFormat: '{series.name}: <b>{point.y}</b>', valueDecimals: 0 };
@@ -1733,7 +1746,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1733
1746
  chartOptions.chart = {
1734
1747
  type: 'gauge'
1735
1748
  };
1736
-
1749
+ if (disableAnimation) {
1750
+ chartOptions.chart.animation = false;
1751
+ }
1737
1752
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, gaugeopts);
1738
1753
  chartOptions.plotOptions = {
1739
1754
  solidgauge: {
@@ -1749,6 +1764,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1749
1764
  useHTML: true,
1750
1765
  style: highchartsRenderer.getDataLabelsStyle(gaugeopts)
1751
1766
  }
1767
+ },
1768
+ series: {
1769
+ animation: !disableAnimation
1752
1770
  }
1753
1771
  };
1754
1772
 
@@ -1891,6 +1909,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1891
1909
  chartOptions.chart = {
1892
1910
  type: ''
1893
1911
  };
1912
+ if (disableAnimation) {
1913
+ chartOptions.chart.animation = false;
1914
+ }
1894
1915
  var uniqueVals = kpioptions.value.value == "Unique";
1895
1916
 
1896
1917
  let temp_series = highchartsRenderer.ptCreateBasicLineSeries(pivotData, null, true, uniqueVals, null, opts, chartOptions);
@@ -1952,7 +1973,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1952
1973
  chartOptions.chart = {
1953
1974
  type: 'gauge'
1954
1975
  };
1955
-
1976
+ if (disableAnimation) {
1977
+ chartOptions.chart.animation = false;
1978
+ }
1956
1979
  chartOptions.title = kpioptions.hideChartHeader ? null : {
1957
1980
  text: kpioptions.name.name,
1958
1981
  margin: 0,
@@ -1987,6 +2010,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1987
2010
  }
1988
2011
  }
1989
2012
  };
2013
+ if (disableAnimation) {
2014
+ chartOptions.chart.animation = false;
2015
+ }
1990
2016
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
1991
2017
 
1992
2018
  if (additionOptions && additionOptions.chart) {
@@ -1995,6 +2021,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1995
2021
 
1996
2022
  chartOptions.plotOptions = {
1997
2023
  series: {
2024
+ animation: !disableAnimation,
1998
2025
  dataLabels: {
1999
2026
  allowOverlap: additionOptions && additionOptions.label_pie ? additionOptions.label_pie.overlap : false,
2000
2027
  enabled: additionOptions && additionOptions.label_pie ? additionOptions.label_pie.show : false,
@@ -2056,7 +2083,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2056
2083
  chartOptions.chart = {
2057
2084
  type: 'line'
2058
2085
  };
2059
-
2086
+ if (disableAnimation) {
2087
+ chartOptions.chart.animation = false;
2088
+ }
2060
2089
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2061
2090
 
2062
2091
  chartOptions.yAxis = {
@@ -2080,6 +2109,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2080
2109
 
2081
2110
  chartOptions.plotOptions = {
2082
2111
  series: {
2112
+ animation: !disableAnimation,
2083
2113
  dataLabels: {
2084
2114
  allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
2085
2115
  enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2133,6 +2163,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2133
2163
  chartOptions.chart = {
2134
2164
  type: 'scatter'
2135
2165
  };
2166
+ if (disableAnimation) {
2167
+ chartOptions.chart.animation = false;
2168
+ }
2136
2169
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2137
2170
  chartOptions.yAxis = {
2138
2171
  min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2159,6 +2192,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2159
2192
  }
2160
2193
  },
2161
2194
  series: {
2195
+ animation: !disableAnimation,
2162
2196
  dataLabels: {
2163
2197
  allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
2164
2198
  enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2226,6 +2260,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2226
2260
  chartOptions.chart = {
2227
2261
  type: 'spline'
2228
2262
  };
2263
+ if (disableAnimation) {
2264
+ chartOptions.chart.animation = false;
2265
+ }
2229
2266
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2230
2267
  chartOptions.yAxis = {
2231
2268
  min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2247,6 +2284,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2247
2284
 
2248
2285
  chartOptions.plotOptions = {
2249
2286
  series: {
2287
+ animation: !disableAnimation,
2250
2288
  dataLabels: {
2251
2289
  allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
2252
2290
  enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2298,6 +2336,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2298
2336
  chartOptions.chart = {
2299
2337
  type: type === 'area-chart' ? 'area' : 'areaspline'
2300
2338
  };
2339
+ if (disableAnimation) {
2340
+ chartOptions.chart.animation = false;
2341
+ }
2301
2342
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2302
2343
  chartOptions.yAxis = {
2303
2344
  min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2347,6 +2388,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2347
2388
  }
2348
2389
  },
2349
2390
  series: {
2391
+ animation: !disableAnimation,
2350
2392
  dataLabels: {
2351
2393
  allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
2352
2394
  enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2379,6 +2421,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2379
2421
  polar: true,
2380
2422
  type: 'line'
2381
2423
  };
2424
+ if (disableAnimation) {
2425
+ chartOptions.chart.animation = false;
2426
+ }
2382
2427
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2383
2428
  chartOptions.yAxis = {
2384
2429
  gridLineInterpolation: 'polygon',
@@ -2399,6 +2444,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2399
2444
 
2400
2445
  chartOptions.plotOptions = {
2401
2446
  series: {
2447
+ animation: !disableAnimation,
2402
2448
  dataLabels: {
2403
2449
  allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
2404
2450
  enabled: additionOptions && additionOptions.label ? additionOptions.label.show : true,
@@ -2459,6 +2505,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2459
2505
 
2460
2506
  }
2461
2507
  };
2508
+ if (disableAnimation) {
2509
+ chartOptions.chart.animation = false;
2510
+ }
2462
2511
 
2463
2512
  chartOptions.xAxis = {
2464
2513
  type: 'category',
@@ -2518,6 +2567,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2518
2567
  borderWidth: 0
2519
2568
  },
2520
2569
  series: {
2570
+ animation: !disableAnimation,
2521
2571
  cropThreshold: 1000,
2522
2572
  dataLabels: {
2523
2573
  allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
@@ -2570,6 +2620,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2570
2620
 
2571
2621
  }
2572
2622
  };
2623
+ if (disableAnimation) {
2624
+ chartOptions.chart.animation = false;
2625
+ }
2573
2626
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2574
2627
  chartOptions.yAxis = {
2575
2628
  min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2656,6 +2709,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2656
2709
  }),
2657
2710
  color: 'contrast'
2658
2711
  }
2712
+ },
2713
+ series: {
2714
+ animation: !disableAnimation
2659
2715
  }
2660
2716
  };
2661
2717
 
@@ -2713,6 +2769,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2713
2769
 
2714
2770
  }
2715
2771
  };
2772
+ if (disableAnimation) {
2773
+ chartOptions.chart.animation = false;
2774
+ }
2716
2775
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2717
2776
 
2718
2777
  chartOptions.yAxis = {
@@ -2730,6 +2789,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2730
2789
 
2731
2790
  chartOptions.plotOptions = {
2732
2791
  series: {
2792
+ animation: !disableAnimation,
2733
2793
  borderWidth: 0,
2734
2794
  cropThreshold: 1000,
2735
2795
  dataLabels: {
@@ -2804,6 +2864,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2804
2864
  chartOptions.chart = {
2805
2865
  type: 'bar'
2806
2866
  };
2867
+ if (disableAnimation) {
2868
+ chartOptions.chart.animation = false;
2869
+ }
2807
2870
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2808
2871
  chartOptions.yAxis = {
2809
2872
  min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2846,6 +2909,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2846
2909
  borderWidth: 0
2847
2910
  },
2848
2911
  series: {
2912
+ animation: !disableAnimation,
2849
2913
  cropThreshold: 1000,
2850
2914
  dataLabels: {
2851
2915
  allowOverlap: additionOptions && additionOptions.label ? additionOptions.label.overlap : false,
@@ -2881,6 +2945,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2881
2945
  type: 'bar',
2882
2946
  zoomType: 'x'
2883
2947
  };
2948
+ if (disableAnimation) {
2949
+ chartOptions.chart.animation = false;
2950
+ }
2884
2951
  highchartsRenderer.setTitleAndSubTitle(chartOptions, opts, additionOptions);
2885
2952
  chartOptions.yAxis = {
2886
2953
  min: additionOptions && additionOptions.axisY && !isNaN(parseInt(additionOptions.axisY.min)) ? additionOptions.axisY.min : null,
@@ -2930,6 +2997,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2930
2997
 
2931
2998
  chartOptions.plotOptions = {
2932
2999
  series: {
3000
+ animation: !disableAnimation,
2933
3001
  stacking: 'normal'
2934
3002
  }
2935
3003
  };
@@ -5024,6 +5092,24 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5024
5092
  return valToReturn;
5025
5093
  };
5026
5094
 
5095
+ const fontSizeValues = lodash.map(new Array(19), (item, index) => {
5096
+ const fontValue = index + 6;
5097
+ return {label: fontValue, value: fontValue}
5098
+ })
5099
+ const fonts = [
5100
+ 'Arial',
5101
+ 'Arial Black',
5102
+ 'Comic Sans MS',
5103
+ 'Courier New',
5104
+ 'Helvetica',
5105
+ 'Impact',
5106
+ 'Poppins',
5107
+ 'Tahoma',
5108
+ 'Times New Roman',
5109
+ 'Verdana',
5110
+ 'Nunito Sans'
5111
+ ];
5112
+
5027
5113
  highchartsRenderer.getDefaultValueForSubOptions = function (type, existing_options) {
5028
5114
  var valToReturn = {};
5029
5115
  var option = highchartsRenderer.suboptions[type];
@@ -5167,6 +5253,129 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5167
5253
  },
5168
5254
  ]
5169
5255
  },
5256
+ 'table_design_options': {
5257
+ category_class: 'google-visualization-charteditor-mini-more',
5258
+ category_label: 'Table design',
5259
+ category_type: 'table_design_options',
5260
+ elements: [
5261
+ {
5262
+ element_type: 'devider',
5263
+ element_label: 'Columns'
5264
+ },
5265
+ {
5266
+ element_type: 'select',
5267
+ value_name: 'columns_font_style',
5268
+ element_label: 'Font style',
5269
+ element_options: fonts,
5270
+ default_value: 'Nunito Sans'
5271
+ },
5272
+ {
5273
+ element_type: 'select',
5274
+ value_name: 'columns_font_size',
5275
+ element_label: 'Font size',
5276
+ element_options: fontSizeValues,
5277
+ default_value: '10'
5278
+ },
5279
+ {
5280
+ element_type: 'select',
5281
+ value_name: 'columns_align_text',
5282
+ element_label: 'Alignment',
5283
+ element_options: [
5284
+ {label: 'Left', value: 'left'},
5285
+ {label: 'Center', value: 'center'},
5286
+ {label: 'Right', value: 'right'}
5287
+ ],
5288
+ default_value: 'left'
5289
+ },
5290
+ {
5291
+ element_type: 'devider',
5292
+ element_label: 'Rows'
5293
+ },
5294
+ {
5295
+ element_type: 'select',
5296
+ value_name: 'rows_font_style',
5297
+ element_label: 'Font style',
5298
+ element_options: fonts,
5299
+ default_value: 'Nunito Sans'
5300
+ },
5301
+ {
5302
+ element_type: 'select',
5303
+ value_name: 'rows_font_size',
5304
+ element_label: 'Font size',
5305
+ element_options: fontSizeValues,
5306
+ default_value: '10'
5307
+ },
5308
+ {
5309
+ element_type: 'select',
5310
+ value_name: 'rows_align_text',
5311
+ element_label: 'Alignment',
5312
+ element_options: [
5313
+ {label: 'Left', value: 'left'},
5314
+ {label: 'Center', value: 'center'},
5315
+ {label: 'Right', value: 'right'}
5316
+ ],
5317
+ default_value: 'left'
5318
+ },
5319
+ {
5320
+ element_type: 'devider',
5321
+ element_label: 'Values'
5322
+ },
5323
+ {
5324
+ element_type: 'select',
5325
+ value_name: 'values_font_style',
5326
+ element_label: 'Font style',
5327
+ element_options: fonts,
5328
+ default_value: 'Nunito Sans'
5329
+ },
5330
+ {
5331
+ element_type: 'select',
5332
+ value_name: 'values_font_size',
5333
+ element_label: 'Font size',
5334
+ element_options: fontSizeValues,
5335
+ default_value: '10'
5336
+ },
5337
+ {
5338
+ element_type: 'select',
5339
+ value_name: 'values_align_text',
5340
+ element_label: 'Alignment',
5341
+ element_options: [
5342
+ {label: 'Left', value: 'left'},
5343
+ {label: 'Center', value: 'center'},
5344
+ {label: 'Right', value: 'right'}
5345
+ ],
5346
+ default_value: 'left'
5347
+ },
5348
+ {
5349
+ element_type: 'devider',
5350
+ element_label: 'Totals'
5351
+ },
5352
+ {
5353
+ element_type: 'select',
5354
+ value_name: 'totals_font_style',
5355
+ element_label: 'Font style',
5356
+ element_options: fonts,
5357
+ default_value: 'Nunito Sans'
5358
+ },
5359
+ {
5360
+ element_type: 'select',
5361
+ value_name: 'totals_font_size',
5362
+ element_label: 'Font size',
5363
+ element_options: fontSizeValues,
5364
+ default_value: '10'
5365
+ },
5366
+ {
5367
+ element_type: 'select',
5368
+ value_name: 'totals_align_text',
5369
+ element_label: 'Alignment',
5370
+ element_options: [
5371
+ {label: 'Left', value: 'left'},
5372
+ {label: 'Center', value: 'center'},
5373
+ {label: 'Right', value: 'right'}
5374
+ ],
5375
+ default_value: 'left'
5376
+ },
5377
+ ]
5378
+ },
5170
5379
  'table_options_transpose': {
5171
5380
  category_class: 'google-visualization-charteditor-mini-more',
5172
5381
  category_label: 'Table',
@@ -6058,6 +6267,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6058
6267
  highchartsRenderer.suboptions["label"],
6059
6268
  highchartsRenderer.suboptions["subtitle"],
6060
6269
  highchartsRenderer.suboptions["table_options_transpose"],
6270
+ highchartsRenderer.suboptions["table_design_options"],
6061
6271
  highchartsRenderer.suboptions["chart_grid"],
6062
6272
  highchartsRenderer.suboptions["negative_number_format"],
6063
6273
  highchartsRenderer.suboptions["delta_column"],
@@ -6080,6 +6290,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6080
6290
  highchartsRenderer.suboptions["label"],
6081
6291
  highchartsRenderer.suboptions["subtitle"],
6082
6292
  highchartsRenderer.suboptions["table_options_transpose"],
6293
+ highchartsRenderer.suboptions["table_design_options"],
6083
6294
  highchartsRenderer.suboptions["chart_grid"],
6084
6295
  highchartsRenderer.suboptions["negative_number_format"],
6085
6296
  highchartsRenderer.suboptions["delta_column"],
@@ -6101,6 +6312,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6101
6312
  highchartsRenderer.suboptions["label"],
6102
6313
  highchartsRenderer.suboptions["subtitle"],
6103
6314
  highchartsRenderer.suboptions["table_options_transpose"],
6315
+ highchartsRenderer.suboptions["table_design_options"],
6104
6316
  highchartsRenderer.suboptions["chart_grid"],
6105
6317
  highchartsRenderer.suboptions["negative_number_format"],
6106
6318
  highchartsRenderer.suboptions["delta_column"],
@@ -6128,6 +6340,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6128
6340
  highchartsRenderer.suboptions["label"],
6129
6341
  highchartsRenderer.suboptions["subtitle"],
6130
6342
  highchartsRenderer.suboptions["table_options"],
6343
+ highchartsRenderer.suboptions["table_design_options"],
6131
6344
  highchartsRenderer.suboptions["chart"],
6132
6345
  highchartsRenderer.suboptions["negative_number_format"],
6133
6346
  highchartsRenderer.suboptions["delta_column_for_drill_down"],
@@ -6149,6 +6362,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6149
6362
  highchartsRenderer.suboptions["label_with_percentage"],
6150
6363
  highchartsRenderer.suboptions["subtitle"],
6151
6364
  highchartsRenderer.suboptions["table_options"],
6365
+ highchartsRenderer.suboptions["table_design_options"],
6152
6366
  highchartsRenderer.suboptions["chart_grid"],
6153
6367
  highchartsRenderer.suboptions["delta_column"],
6154
6368
  highchartsRenderer.suboptions["error_policy"],
@@ -6175,6 +6389,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6175
6389
  highchartsRenderer.suboptions["label"],
6176
6390
  highchartsRenderer.suboptions["subtitle"],
6177
6391
  highchartsRenderer.suboptions["table_options_transpose"],
6392
+ highchartsRenderer.suboptions["table_design_options"],
6178
6393
  highchartsRenderer.suboptions["chart_grid"],
6179
6394
  highchartsRenderer.suboptions["negative_number_format"],
6180
6395
  highchartsRenderer.suboptions["delta_column"],
@@ -6196,6 +6411,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6196
6411
  highchartsRenderer.suboptions["label"],
6197
6412
  highchartsRenderer.suboptions["subtitle"],
6198
6413
  highchartsRenderer.suboptions["table_options_transpose"],
6414
+ highchartsRenderer.suboptions["table_design_options"],
6199
6415
  highchartsRenderer.suboptions["chart_grid"],
6200
6416
  highchartsRenderer.suboptions["negative_number_format"],
6201
6417
  highchartsRenderer.suboptions["delta_column"],
@@ -6215,6 +6431,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6215
6431
  highchartsRenderer.suboptions["label"],
6216
6432
  highchartsRenderer.suboptions["subtitle"],
6217
6433
  highchartsRenderer.suboptions["table_options_transpose"],
6434
+ highchartsRenderer.suboptions["table_design_options"],
6218
6435
  highchartsRenderer.suboptions["negative_number_format"],
6219
6436
  highchartsRenderer.suboptions["delta_column"],
6220
6437
  highchartsRenderer.suboptions["error_policy"],
@@ -6242,6 +6459,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6242
6459
  highchartsRenderer.suboptions["label"],
6243
6460
  highchartsRenderer.suboptions["subtitle"],
6244
6461
  highchartsRenderer.suboptions["table_options"],
6462
+ highchartsRenderer.suboptions["table_design_options"],
6245
6463
  highchartsRenderer.suboptions["chart"],
6246
6464
  highchartsRenderer.suboptions["negative_number_format"],
6247
6465
  highchartsRenderer.suboptions["delta_column_for_drill_down"],
@@ -6263,6 +6481,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6263
6481
  highchartsRenderer.suboptions["label_with_percentage"],
6264
6482
  highchartsRenderer.suboptions["subtitle"],
6265
6483
  highchartsRenderer.suboptions["table_options"],
6484
+ highchartsRenderer.suboptions["table_design_options"],
6266
6485
  highchartsRenderer.suboptions["chart_grid"],
6267
6486
  highchartsRenderer.suboptions["delta_column"],
6268
6487
  highchartsRenderer.suboptions["error_policy"],
@@ -6289,6 +6508,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6289
6508
  highchartsRenderer.suboptions["label"],
6290
6509
  highchartsRenderer.suboptions["subtitle"],
6291
6510
  highchartsRenderer.suboptions["table_options_transpose"],
6511
+ highchartsRenderer.suboptions["table_design_options"],
6292
6512
  highchartsRenderer.suboptions["chart_grid"],
6293
6513
  highchartsRenderer.suboptions["negative_number_format"],
6294
6514
  highchartsRenderer.suboptions["delta_column"],
@@ -6310,6 +6530,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6310
6530
  highchartsRenderer.suboptions["label"],
6311
6531
  highchartsRenderer.suboptions["subtitle"],
6312
6532
  highchartsRenderer.suboptions["table_options_transpose"],
6533
+ highchartsRenderer.suboptions["table_design_options"],
6313
6534
  highchartsRenderer.suboptions["chart_grid"],
6314
6535
  highchartsRenderer.suboptions["negative_number_format"],
6315
6536
  highchartsRenderer.suboptions["delta_column"],
@@ -6336,6 +6557,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6336
6557
  highchartsRenderer.suboptions["label_pie"],
6337
6558
  highchartsRenderer.suboptions["subtitle"],
6338
6559
  highchartsRenderer.suboptions["table_options_transpose"],
6560
+ highchartsRenderer.suboptions["table_design_options"],
6339
6561
  highchartsRenderer.suboptions["chart"],
6340
6562
  highchartsRenderer.suboptions["negative_number_format"],
6341
6563
  highchartsRenderer.suboptions["from_version"],
@@ -6353,6 +6575,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6353
6575
  highchartsRenderer.suboptions["label_pie"],
6354
6576
  highchartsRenderer.suboptions["subtitle"],
6355
6577
  highchartsRenderer.suboptions["table_options_transpose"],
6578
+ highchartsRenderer.suboptions["table_design_options"],
6356
6579
  highchartsRenderer.suboptions["chart"],
6357
6580
  highchartsRenderer.suboptions["negative_number_format"],
6358
6581
  highchartsRenderer.suboptions["from_version"],
@@ -6381,6 +6604,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6381
6604
  highchartsRenderer.suboptions["tooltips"],
6382
6605
  highchartsRenderer.suboptions["subtitle"],
6383
6606
  highchartsRenderer.suboptions["table_options_transpose"],
6607
+ highchartsRenderer.suboptions["table_design_options"],
6384
6608
  highchartsRenderer.suboptions["chart_grid"],
6385
6609
  highchartsRenderer.suboptions["negative_number_format"],
6386
6610
  highchartsRenderer.suboptions["legends"],
@@ -6398,6 +6622,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6398
6622
  highchartsRenderer.suboptions["tooltips"],
6399
6623
  highchartsRenderer.suboptions["subtitle"],
6400
6624
  highchartsRenderer.suboptions["table_options_transpose"],
6625
+ highchartsRenderer.suboptions["table_design_options"],
6401
6626
  highchartsRenderer.suboptions["chart_grid"],
6402
6627
  highchartsRenderer.suboptions["negative_number_format"],
6403
6628
  highchartsRenderer.suboptions["legends"],
@@ -6420,6 +6645,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6420
6645
  highchartsRenderer.suboptions["range"],
6421
6646
  highchartsRenderer.suboptions["name"],
6422
6647
  highchartsRenderer.suboptions["table_options_transpose"],
6648
+ highchartsRenderer.suboptions["table_design_options"],
6423
6649
  highchartsRenderer.suboptions["negative_number_format"],
6424
6650
  highchartsRenderer.suboptions["legends"],
6425
6651
  ]
@@ -6439,6 +6665,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6439
6665
  highchartsRenderer.suboptions["default_show"],
6440
6666
  highchartsRenderer.suboptions["name"],
6441
6667
  highchartsRenderer.suboptions["table_options_transpose"],
6668
+ highchartsRenderer.suboptions["table_design_options"],
6442
6669
  highchartsRenderer.suboptions["negative_number_format"],
6443
6670
  highchartsRenderer.suboptions["legends"],
6444
6671
  ]
@@ -6455,6 +6682,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6455
6682
  render: highchartsRenderer.ptRenderBasicLine,
6456
6683
  suboptions: [
6457
6684
  highchartsRenderer.suboptions["table_options_transpose"],
6685
+ highchartsRenderer.suboptions["table_design_options"],
6458
6686
  highchartsRenderer.suboptions["negative_number_format"],
6459
6687
  highchartsRenderer.suboptions["delta_column"],
6460
6688
  highchartsRenderer.suboptions["error_policy"],
package/src/pivot.css CHANGED
@@ -235,6 +235,7 @@ table.pvtTable.newPvtTable thead tr th .dr-icon-minus {
235
235
  margin-right: 2px;
236
236
  margin-left: 1px;
237
237
  font-size: 8px;
238
+ color: #151a41;
238
239
  }
239
240
 
240
241
  table.pvtTable.newPvtTable.colorized tr th.colTotal,