@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 +1 -1
- package/src/highcharts_renderer.js +18 -15
package/package.json
CHANGED
@@ -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: () => '
|
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:
|
1051
|
-
|
1052
|
-
|
1053
|
-
|
1054
|
-
|
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.
|
1059
|
-
|
1060
|
-
|
1061
|
-
|
1062
|
-
|
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
|
},
|