@datarailsshared/dr_renderer 1.2.356 → 1.2.357

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datarailsshared/dr_renderer",
3
- "version": "1.2.356",
3
+ "version": "1.2.357",
4
4
  "description": "DataRails charts and tables renderer",
5
5
  "keywords": [
6
6
  "datarails",
@@ -21,6 +21,9 @@ const CHART_COLORS = {
21
21
  LABEL: '#cfd7dd',
22
22
  LABEL_SECOND: '#85889c',
23
23
  DRILL_UP_FILL: '#eef3f6',
24
+ DRILL_BUTTON_COLOR_FILL: 'white',
25
+ DRILL_BUTTON_COLOR: '#6D6E6F',
26
+ DRILL_BUTTON_COLOR_HOVER: '#333333',
24
27
  PLOT_BORDER: '#606063',
25
28
  MINOR_GRID_LINE: '#505053',
26
29
  TICK_COLOR: '#666',
@@ -61,6 +64,7 @@ const CHART_TYPES = {
61
64
 
62
65
  const HIGHCHARTS_CONSTANTS = {
63
66
  delimer: ' , ',
67
+ DRILL_BUTTON_FONT_SIZE: '14px',
64
68
  MAX_ROWS_FOR_AUTO_REFRESH: 100000,
65
69
  MAX_ROWS_FOR_SHOW_RESULTS: 10000,
66
70
  DR_OTHERS_KEY: 'DR_Others',
@@ -1036,8 +1040,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1036
1040
  chartOptions.yAxis && chartOptions.yAxis.title && (chartOptions.yAxis.title.text || chartOptions.yAxis.title.autoylabel) ? -60 : -40;
1037
1041
  const y = isPieChart ? 27 :
1038
1042
  chartOptions.xAxis && chartOptions.xAxis.title && (chartOptions.xAxis.title.text || chartOptions.xAxis.title.autoxlabel) ? 65 : 43;
1043
+ chartOptions.chart.spacingBottom = 30;
1039
1044
  chartOptions.drilldown.breadcrumbs = {
1040
- formatter: () => '< Back',
1045
+ formatter: () => 'Back',
1041
1046
  showFullPath: false,
1042
1047
  position: {
1043
1048
  align: 'left',
@@ -1046,23 +1051,21 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
1046
1051
  y: y,
1047
1052
  },
1048
1053
  floating: true,
1054
+ position: { align: 'left', x: 12, y: 6, verticalAlign: 'bottom' },
1055
+ relativeTo: 'spacingBox',
1049
1056
  buttonTheme: {
1050
- fill: 'white',
1051
- color: CHART_COLORS.LABEL_SECOND,
1052
- 'stroke-width': 1,
1053
- stroke: CHART_COLORS.LABEL_SECOND,
1054
- r: 3,
1055
- padding: 3,
1057
+ fill: CHART_COLORS.DRILL_BUTTON_COLOR_FILL,
1058
+ style: {
1059
+ fontSize: HIGHCHARTS_CONSTANTS.DRILL_BUTTON_FONT_SIZE,
1060
+ color: CHART_COLORS.DRILL_BUTTON_COLOR,
1061
+ },
1056
1062
  states: {
1057
1063
  hover: {
1058
- fill: CHART_COLORS.DRILL_UP_FILL,
1059
- stroke: CHART_COLORS.LABEL_SECOND,
1060
- color: CHART_COLORS.LABEL_SECOND
1061
- },
1062
- select: {
1063
- stroke: CHART_COLORS.LABEL_SECOND,
1064
- fill: CHART_COLORS.DRILL_UP_FILL,
1065
- color: CHART_COLORS.LABEL_SECOND
1064
+ fill: CHART_COLORS.DRILL_BUTTON_COLOR_FILL,
1065
+ style: {
1066
+ fontSize: HIGHCHARTS_CONSTANTS.DRILL_BUTTON_FONT_SIZE,
1067
+ color: CHART_COLORS.DRILL_BUTTON_COLOR_HOVER,
1068
+ }
1066
1069
  }
1067
1070
  }
1068
1071
  },