highcharts-rails 4.2.7 → 5.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.markdown +34 -0
  3. data/Gemfile +4 -0
  4. data/Rakefile +53 -32
  5. data/app/assets/javascripts/highcharts.js +18775 -17176
  6. data/app/assets/javascripts/highcharts/highcharts-3d.js +1849 -1563
  7. data/app/assets/javascripts/highcharts/highcharts-more.js +2162 -1988
  8. data/app/assets/javascripts/highcharts/modules/accessibility.js +1005 -0
  9. data/app/assets/javascripts/highcharts/modules/annotations.js +408 -401
  10. data/app/assets/javascripts/highcharts/modules/boost.js +561 -546
  11. data/app/assets/javascripts/highcharts/modules/broken-axis.js +330 -324
  12. data/app/assets/javascripts/highcharts/modules/data.js +973 -965
  13. data/app/assets/javascripts/highcharts/modules/drilldown.js +783 -723
  14. data/app/assets/javascripts/highcharts/modules/exporting.js +864 -785
  15. data/app/assets/javascripts/highcharts/modules/funnel.js +290 -306
  16. data/app/assets/javascripts/highcharts/modules/heatmap.js +701 -645
  17. data/app/assets/javascripts/highcharts/modules/no-data-to-display.js +150 -132
  18. data/app/assets/javascripts/highcharts/modules/offline-exporting.js +414 -355
  19. data/app/assets/javascripts/highcharts/modules/overlapping-datalabels.js +164 -0
  20. data/app/assets/javascripts/highcharts/modules/series-label.js +473 -448
  21. data/app/assets/javascripts/highcharts/modules/solid-gauge.js +279 -271
  22. data/app/assets/javascripts/highcharts/modules/treemap.js +921 -886
  23. data/app/assets/javascripts/highcharts/themes/dark-blue.js +307 -244
  24. data/app/assets/javascripts/highcharts/themes/dark-green.js +303 -244
  25. data/app/assets/javascripts/highcharts/themes/dark-unica.js +231 -201
  26. data/app/assets/javascripts/highcharts/themes/gray.js +314 -245
  27. data/app/assets/javascripts/highcharts/themes/grid-light.js +91 -66
  28. data/app/assets/javascripts/highcharts/themes/grid.js +124 -96
  29. data/app/assets/javascripts/highcharts/themes/sand-signika.js +119 -94
  30. data/app/assets/javascripts/highcharts/themes/skies.js +108 -85
  31. data/lib/highcharts/version.rb +1 -1
  32. metadata +13 -14
  33. data/app/assets/javascripts/highcharts/adapters/standalone-framework.js +0 -1
  34. data/app/assets/javascripts/highcharts/modules/canvas-tools.js +0 -3115
  35. data/app/assets/javascripts/highcharts/modules/map.js +0 -2117
data/app/assets/javascripts/highcharts/themes/dark-unica.js CHANGED
@@ -1,213 +1,243 @@
1
1
  /**
2
- * Dark theme for Highcharts JS
3
- * @author Torstein Honsi
2
+ * @license Highcharts JS v5.0.0 (2016-09-29)
3
+ *
4
+ * (c) 2009-2016 Torstein Honsi
5
+ *
6
+ * License: www.highcharts.com/license
4
7
  */
8
+ (function(factory) {
9
+ if (typeof module === 'object' && module.exports) {
10
+ module.exports = factory;
11
+ } else {
12
+ factory(Highcharts);
13
+ }
14
+ }(function(Highcharts) {
15
+ (function(Highcharts) {
16
+ /**
17
+ * (c) 2010-2016 Torstein Honsi
18
+ *
19
+ * License: www.highcharts.com/license
20
+ *
21
+ * Dark theme for Highcharts JS
22
+ * @author Torstein Honsi
23
+ */
5
24
 
6
- // Load the fonts
7
- Highcharts.createElement('link', {
8
- href: 'https://fonts.googleapis.com/css?family=Unica+One',
9
- rel: 'stylesheet',
10
- type: 'text/css'
11
- }, null, document.getElementsByTagName('head')[0]);
25
+ 'use strict';
26
+ /* global document */
27
+ // Load the fonts
28
+ Highcharts.createElement('link', {
29
+ href: 'https://fonts.googleapis.com/css?family=Unica+One',
30
+ rel: 'stylesheet',
31
+ type: 'text/css'
32
+ }, null, document.getElementsByTagName('head')[0]);
12
33
 
13
- Highcharts.theme = {
14
- colors: ["#2b908f", "#90ee7e", "#f45b5b", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
15
- "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
16
- chart: {
17
- backgroundColor: {
18
- linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
19
- stops: [
20
- [0, '#2a2a2b'],
21
- [1, '#3e3e40']
22
- ]
23
- },
24
- style: {
25
- fontFamily: "'Unica One', sans-serif"
26
- },
27
- plotBorderColor: '#606063'
28
- },
29
- title: {
30
- style: {
31
- color: '#E0E0E3',
32
- textTransform: 'uppercase',
33
- fontSize: '20px'
34
- }
35
- },
36
- subtitle: {
37
- style: {
38
- color: '#E0E0E3',
39
- textTransform: 'uppercase'
40
- }
41
- },
42
- xAxis: {
43
- gridLineColor: '#707073',
44
- labels: {
45
- style: {
46
- color: '#E0E0E3'
47
- }
48
- },
49
- lineColor: '#707073',
50
- minorGridLineColor: '#505053',
51
- tickColor: '#707073',
52
- title: {
53
- style: {
54
- color: '#A0A0A3'
34
+ Highcharts.theme = {
35
+ colors: ['#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066', '#eeaaee',
36
+ '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
37
+ ],
38
+ chart: {
39
+ backgroundColor: {
40
+ linearGradient: {
41
+ x1: 0,
42
+ y1: 0,
43
+ x2: 1,
44
+ y2: 1
45
+ },
46
+ stops: [
47
+ [0, '#2a2a2b'],
48
+ [1, '#3e3e40']
49
+ ]
50
+ },
51
+ style: {
52
+ fontFamily: '\'Unica One\', sans-serif'
53
+ },
54
+ plotBorderColor: '#606063'
55
+ },
56
+ title: {
57
+ style: {
58
+ color: '#E0E0E3',
59
+ textTransform: 'uppercase',
60
+ fontSize: '20px'
61
+ }
62
+ },
63
+ subtitle: {
64
+ style: {
65
+ color: '#E0E0E3',
66
+ textTransform: 'uppercase'
67
+ }
68
+ },
69
+ xAxis: {
70
+ gridLineColor: '#707073',
71
+ labels: {
72
+ style: {
73
+ color: '#E0E0E3'
74
+ }
75
+ },
76
+ lineColor: '#707073',
77
+ minorGridLineColor: '#505053',
78
+ tickColor: '#707073',
79
+ title: {
80
+ style: {
81
+ color: '#A0A0A3'
55
82
 
56
- }
57
- }
58
- },
59
- yAxis: {
60
- gridLineColor: '#707073',
61
- labels: {
62
- style: {
63
- color: '#E0E0E3'
64
- }
65
- },
66
- lineColor: '#707073',
67
- minorGridLineColor: '#505053',
68
- tickColor: '#707073',
69
- tickWidth: 1,
70
- title: {
71
- style: {
72
- color: '#A0A0A3'
73
- }
74
- }
75
- },
76
- tooltip: {
77
- backgroundColor: 'rgba(0, 0, 0, 0.85)',
78
- style: {
79
- color: '#F0F0F0'
80
- }
81
- },
82
- plotOptions: {
83
- series: {
84
- dataLabels: {
85
- color: '#B0B0B3'
86
- },
87
- marker: {
88
- lineColor: '#333'
89
- }
90
- },
91
- boxplot: {
92
- fillColor: '#505053'
93
- },
94
- candlestick: {
95
- lineColor: 'white'
96
- },
97
- errorbar: {
98
- color: 'white'
99
- }
100
- },
101
- legend: {
102
- itemStyle: {
103
- color: '#E0E0E3'
104
- },
105
- itemHoverStyle: {
106
- color: '#FFF'
107
- },
108
- itemHiddenStyle: {
109
- color: '#606063'
110
- }
111
- },
112
- credits: {
113
- style: {
114
- color: '#666'
115
- }
116
- },
117
- labels: {
118
- style: {
119
- color: '#707073'
120
- }
121
- },
83
+ }
84
+ }
85
+ },
86
+ yAxis: {
87
+ gridLineColor: '#707073',
88
+ labels: {
89
+ style: {
90
+ color: '#E0E0E3'
91
+ }
92
+ },
93
+ lineColor: '#707073',
94
+ minorGridLineColor: '#505053',
95
+ tickColor: '#707073',
96
+ tickWidth: 1,
97
+ title: {
98
+ style: {
99
+ color: '#A0A0A3'
100
+ }
101
+ }
102
+ },
103
+ tooltip: {
104
+ backgroundColor: 'rgba(0, 0, 0, 0.85)',
105
+ style: {
106
+ color: '#F0F0F0'
107
+ }
108
+ },
109
+ plotOptions: {
110
+ series: {
111
+ dataLabels: {
112
+ color: '#B0B0B3'
113
+ },
114
+ marker: {
115
+ lineColor: '#333'
116
+ }
117
+ },
118
+ boxplot: {
119
+ fillColor: '#505053'
120
+ },
121
+ candlestick: {
122
+ lineColor: 'white'
123
+ },
124
+ errorbar: {
125
+ color: 'white'
126
+ }
127
+ },
128
+ legend: {
129
+ itemStyle: {
130
+ color: '#E0E0E3'
131
+ },
132
+ itemHoverStyle: {
133
+ color: '#FFF'
134
+ },
135
+ itemHiddenStyle: {
136
+ color: '#606063'
137
+ }
138
+ },
139
+ credits: {
140
+ style: {
141
+ color: '#666'
142
+ }
143
+ },
144
+ labels: {
145
+ style: {
146
+ color: '#707073'
147
+ }
148
+ },
122
149
 
123
- drilldown: {
124
- activeAxisLabelStyle: {
125
- color: '#F0F0F3'
126
- },
127
- activeDataLabelStyle: {
128
- color: '#F0F0F3'
129
- }
130
- },
150
+ drilldown: {
151
+ activeAxisLabelStyle: {
152
+ color: '#F0F0F3'
153
+ },
154
+ activeDataLabelStyle: {
155
+ color: '#F0F0F3'
156
+ }
157
+ },
131
158
 
132
- navigation: {
133
- buttonOptions: {
134
- symbolStroke: '#DDDDDD',
135
- theme: {
136
- fill: '#505053'
137
- }
138
- }
139
- },
159
+ navigation: {
160
+ buttonOptions: {
161
+ symbolStroke: '#DDDDDD',
162
+ theme: {
163
+ fill: '#505053'
164
+ }
165
+ }
166
+ },
140
167
 
141
- // scroll charts
142
- rangeSelector: {
143
- buttonTheme: {
144
- fill: '#505053',
145
- stroke: '#000000',
146
- style: {
147
- color: '#CCC'
148
- },
149
- states: {
150
- hover: {
151
- fill: '#707073',
152
- stroke: '#000000',
153
- style: {
154
- color: 'white'
155
- }
156
- },
157
- select: {
158
- fill: '#000003',
159
- stroke: '#000000',
160
- style: {
161
- color: 'white'
162
- }
163
- }
164
- }
165
- },
166
- inputBoxBorderColor: '#505053',
167
- inputStyle: {
168
- backgroundColor: '#333',
169
- color: 'silver'
170
- },
171
- labelStyle: {
172
- color: 'silver'
173
- }
174
- },
168
+ // scroll charts
169
+ rangeSelector: {
170
+ buttonTheme: {
171
+ fill: '#505053',
172
+ stroke: '#000000',
173
+ style: {
174
+ color: '#CCC'
175
+ },
176
+ states: {
177
+ hover: {
178
+ fill: '#707073',
179
+ stroke: '#000000',
180
+ style: {
181
+ color: 'white'
182
+ }
183
+ },
184
+ select: {
185
+ fill: '#000003',
186
+ stroke: '#000000',
187
+ style: {
188
+ color: 'white'
189
+ }
190
+ }
191
+ }
192
+ },
193
+ inputBoxBorderColor: '#505053',
194
+ inputStyle: {
195
+ backgroundColor: '#333',
196
+ color: 'silver'
197
+ },
198
+ labelStyle: {
199
+ color: 'silver'
200
+ }
201
+ },
175
202
 
176
- navigator: {
177
- handles: {
178
- backgroundColor: '#666',
179
- borderColor: '#AAA'
180
- },
181
- outlineColor: '#CCC',
182
- maskFill: 'rgba(255,255,255,0.1)',
183
- series: {
184
- color: '#7798BF',
185
- lineColor: '#A6C7ED'
186
- },
187
- xAxis: {
188
- gridLineColor: '#505053'
189
- }
190
- },
203
+ navigator: {
204
+ handles: {
205
+ backgroundColor: '#666',
206
+ borderColor: '#AAA'
207
+ },
208
+ outlineColor: '#CCC',
209
+ maskFill: 'rgba(255,255,255,0.1)',
210
+ series: {
211
+ color: '#7798BF',
212
+ lineColor: '#A6C7ED'
213
+ },
214
+ xAxis: {
215
+ gridLineColor: '#505053'
216
+ }
217
+ },
191
218
 
192
- scrollbar: {
193
- barBackgroundColor: '#808083',
194
- barBorderColor: '#808083',
195
- buttonArrowColor: '#CCC',
196
- buttonBackgroundColor: '#606063',
197
- buttonBorderColor: '#606063',
198
- rifleColor: '#FFF',
199
- trackBackgroundColor: '#404043',
200
- trackBorderColor: '#404043'
201
- },
219
+ scrollbar: {
220
+ barBackgroundColor: '#808083',
221
+ barBorderColor: '#808083',
222
+ buttonArrowColor: '#CCC',
223
+ buttonBackgroundColor: '#606063',
224
+ buttonBorderColor: '#606063',
225
+ rifleColor: '#FFF',
226
+ trackBackgroundColor: '#404043',
227
+ trackBorderColor: '#404043'
228
+ },
202
229
 
203
- // special colors for some of the
204
- legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
205
- background2: '#505053',
206
- dataLabelsColor: '#B0B0B3',
207
- textColor: '#C0C0C0',
208
- contrastTextColor: '#F0F0F3',
209
- maskColor: 'rgba(255,255,255,0.3)'
210
- };
230
+ // special colors for some of the
231
+ legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
232
+ background2: '#505053',
233
+ dataLabelsColor: '#B0B0B3',
234
+ textColor: '#C0C0C0',
235
+ contrastTextColor: '#F0F0F3',
236
+ maskColor: 'rgba(255,255,255,0.3)'
237
+ };
211
238
 
212
- // Apply the theme
213
- Highcharts.setOptions(Highcharts.theme);
239
+ // Apply the theme
240
+ Highcharts.setOptions(Highcharts.theme);
241
+
242
+ }(Highcharts));
243
+ }));
data/app/assets/javascripts/highcharts/themes/gray.js CHANGED
@@ -1,257 +1,326 @@
1
1
  /**
2
- * Gray theme for Highcharts JS
3
- * @author Torstein Honsi
2
+ * @license Highcharts JS v5.0.0 (2016-09-29)
3
+ *
4
+ * (c) 2009-2016 Torstein Honsi
5
+ *
6
+ * License: www.highcharts.com/license
4
7
  */
8
+ (function(factory) {
9
+ if (typeof module === 'object' && module.exports) {
10
+ module.exports = factory;
11
+ } else {
12
+ factory(Highcharts);
13
+ }
14
+ }(function(Highcharts) {
15
+ (function(Highcharts) {
16
+ /**
17
+ * (c) 2010-2016 Torstein Honsi
18
+ *
19
+ * License: www.highcharts.com/license
20
+ *
21
+ * Gray theme for Highcharts JS
22
+ * @author Torstein Honsi
23
+ */
5
24
 
6
- Highcharts.theme = {
7
- colors: ["#DDDF0D", "#7798BF", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee",
8
- "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
9
- chart: {
10
- backgroundColor: {
11
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
12
- stops: [
13
- [0, 'rgb(96, 96, 96)'],
14
- [1, 'rgb(16, 16, 16)']
15
- ]
16
- },
17
- borderWidth: 0,
18
- borderRadius: 0,
19
- plotBackgroundColor: null,
20
- plotShadow: false,
21
- plotBorderWidth: 0
22
- },
23
- title: {
24
- style: {
25
- color: '#FFF',
26
- font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
27
- }
28
- },
29
- subtitle: {
30
- style: {
31
- color: '#DDD',
32
- font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
33
- }
34
- },
35
- xAxis: {
36
- gridLineWidth: 0,
37
- lineColor: '#999',
38
- tickColor: '#999',
39
- labels: {
40
- style: {
41
- color: '#999',
42
- fontWeight: 'bold'
43
- }
44
- },
45
- title: {
46
- style: {
47
- color: '#AAA',
48
- font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
49
- }
50
- }
51
- },
52
- yAxis: {
53
- alternateGridColor: null,
54
- minorTickInterval: null,
55
- gridLineColor: 'rgba(255, 255, 255, .1)',
56
- minorGridLineColor: 'rgba(255,255,255,0.07)',
57
- lineWidth: 0,
58
- tickWidth: 0,
59
- labels: {
60
- style: {
61
- color: '#999',
62
- fontWeight: 'bold'
63
- }
64
- },
65
- title: {
66
- style: {
67
- color: '#AAA',
68
- font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
69
- }
70
- }
71
- },
72
- legend: {
73
- itemStyle: {
74
- color: '#CCC'
75
- },
76
- itemHoverStyle: {
77
- color: '#FFF'
78
- },
79
- itemHiddenStyle: {
80
- color: '#333'
81
- }
82
- },
83
- labels: {
84
- style: {
85
- color: '#CCC'
86
- }
87
- },
88
- tooltip: {
89
- backgroundColor: {
90
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
91
- stops: [
92
- [0, 'rgba(96, 96, 96, .8)'],
93
- [1, 'rgba(16, 16, 16, .8)']
94
- ]
95
- },
96
- borderWidth: 0,
97
- style: {
98
- color: '#FFF'
99
- }
100
- },
25
+ 'use strict';
26
+ Highcharts.theme = {
27
+ colors: ['#DDDF0D', '#7798BF', '#55BF3B', '#DF5353', '#aaeeee', '#ff0066', '#eeaaee',
28
+ '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
29
+ ],
30
+ chart: {
31
+ backgroundColor: {
32
+ linearGradient: {
33
+ x1: 0,
34
+ y1: 0,
35
+ x2: 0,
36
+ y2: 1
37
+ },
38
+ stops: [
39
+ [0, 'rgb(96, 96, 96)'],
40
+ [1, 'rgb(16, 16, 16)']
41
+ ]
42
+ },
43
+ borderWidth: 0,
44
+ borderRadius: 0,
45
+ plotBackgroundColor: null,
46
+ plotShadow: false,
47
+ plotBorderWidth: 0
48
+ },
49
+ title: {
50
+ style: {
51
+ color: '#FFF',
52
+ font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
53
+ }
54
+ },
55
+ subtitle: {
56
+ style: {
57
+ color: '#DDD',
58
+ font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
59
+ }
60
+ },
61
+ xAxis: {
62
+ gridLineWidth: 0,
63
+ lineColor: '#999',
64
+ tickColor: '#999',
65
+ labels: {
66
+ style: {
67
+ color: '#999',
68
+ fontWeight: 'bold'
69
+ }
70
+ },
71
+ title: {
72
+ style: {
73
+ color: '#AAA',
74
+ font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
75
+ }
76
+ }
77
+ },
78
+ yAxis: {
79
+ alternateGridColor: null,
80
+ minorTickInterval: null,
81
+ gridLineColor: 'rgba(255, 255, 255, .1)',
82
+ minorGridLineColor: 'rgba(255,255,255,0.07)',
83
+ lineWidth: 0,
84
+ tickWidth: 0,
85
+ labels: {
86
+ style: {
87
+ color: '#999',
88
+ fontWeight: 'bold'
89
+ }
90
+ },
91
+ title: {
92
+ style: {
93
+ color: '#AAA',
94
+ font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
95
+ }
96
+ }
97
+ },
98
+ legend: {
99
+ itemStyle: {
100
+ color: '#CCC'
101
+ },
102
+ itemHoverStyle: {
103
+ color: '#FFF'
104
+ },
105
+ itemHiddenStyle: {
106
+ color: '#333'
107
+ }
108
+ },
109
+ labels: {
110
+ style: {
111
+ color: '#CCC'
112
+ }
113
+ },
114
+ tooltip: {
115
+ backgroundColor: {
116
+ linearGradient: {
117
+ x1: 0,
118
+ y1: 0,
119
+ x2: 0,
120
+ y2: 1
121
+ },
122
+ stops: [
123
+ [0, 'rgba(96, 96, 96, .8)'],
124
+ [1, 'rgba(16, 16, 16, .8)']
125
+ ]
126
+ },
127
+ borderWidth: 0,
128
+ style: {
129
+ color: '#FFF'
130
+ }
131
+ },
101
132
 
102
133
 
103
- plotOptions: {
104
- series: {
105
- nullColor: '#444444'
106
- },
107
- line: {
108
- dataLabels: {
109
- color: '#CCC'
110
- },
111
- marker: {
112
- lineColor: '#333'
113
- }
114
- },
115
- spline: {
116
- marker: {
117
- lineColor: '#333'
118
- }
119
- },
120
- scatter: {
121
- marker: {
122
- lineColor: '#333'
123
- }
124
- },
125
- candlestick: {
126
- lineColor: 'white'
127
- }
128
- },
134
+ plotOptions: {
135
+ series: {
136
+ nullColor: '#444444'
137
+ },
138
+ line: {
139
+ dataLabels: {
140
+ color: '#CCC'
141
+ },
142
+ marker: {
143
+ lineColor: '#333'
144
+ }
145
+ },
146
+ spline: {
147
+ marker: {
148
+ lineColor: '#333'
149
+ }
150
+ },
151
+ scatter: {
152
+ marker: {
153
+ lineColor: '#333'
154
+ }
155
+ },
156
+ candlestick: {
157
+ lineColor: 'white'
158
+ }
159
+ },
129
160
 
130
- toolbar: {
131
- itemStyle: {
132
- color: '#CCC'
133
- }
134
- },
161
+ toolbar: {
162
+ itemStyle: {
163
+ color: '#CCC'
164
+ }
165
+ },
135
166
 
136
- navigation: {
137
- buttonOptions: {
138
- symbolStroke: '#DDDDDD',
139
- hoverSymbolStroke: '#FFFFFF',
140
- theme: {
141
- fill: {
142
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
143
- stops: [
144
- [0.4, '#606060'],
145
- [0.6, '#333333']
146
- ]
147
- },
148
- stroke: '#000000'
149
- }
150
- }
151
- },
167
+ navigation: {
168
+ buttonOptions: {
169
+ symbolStroke: '#DDDDDD',
170
+ hoverSymbolStroke: '#FFFFFF',
171
+ theme: {
172
+ fill: {
173
+ linearGradient: {
174
+ x1: 0,
175
+ y1: 0,
176
+ x2: 0,
177
+ y2: 1
178
+ },
179
+ stops: [
180
+ [0.4, '#606060'],
181
+ [0.6, '#333333']
182
+ ]
183
+ },
184
+ stroke: '#000000'
185
+ }
186
+ }
187
+ },
152
188
 
153
- // scroll charts
154
- rangeSelector: {
155
- buttonTheme: {
156
- fill: {
157
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
158
- stops: [
159
- [0.4, '#888'],
160
- [0.6, '#555']
161
- ]
162
- },
163
- stroke: '#000000',
164
- style: {
165
- color: '#CCC',
166
- fontWeight: 'bold'
167
- },
168
- states: {
169
- hover: {
170
- fill: {
171
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
172
- stops: [
173
- [0.4, '#BBB'],
174
- [0.6, '#888']
175
- ]
176
- },
177
- stroke: '#000000',
178
- style: {
179
- color: 'white'
180
- }
181
- },
182
- select: {
183
- fill: {
184
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
185
- stops: [
186
- [0.1, '#000'],
187
- [0.3, '#333']
188
- ]
189
- },
190
- stroke: '#000000',
191
- style: {
192
- color: 'yellow'
193
- }
194
- }
195
- }
196
- },
197
- inputStyle: {
198
- backgroundColor: '#333',
199
- color: 'silver'
200
- },
201
- labelStyle: {
202
- color: 'silver'
203
- }
204
- },
189
+ // scroll charts
190
+ rangeSelector: {
191
+ buttonTheme: {
192
+ fill: {
193
+ linearGradient: {
194
+ x1: 0,
195
+ y1: 0,
196
+ x2: 0,
197
+ y2: 1
198
+ },
199
+ stops: [
200
+ [0.4, '#888'],
201
+ [0.6, '#555']
202
+ ]
203
+ },
204
+ stroke: '#000000',
205
+ style: {
206
+ color: '#CCC',
207
+ fontWeight: 'bold'
208
+ },
209
+ states: {
210
+ hover: {
211
+ fill: {
212
+ linearGradient: {
213
+ x1: 0,
214
+ y1: 0,
215
+ x2: 0,
216
+ y2: 1
217
+ },
218
+ stops: [
219
+ [0.4, '#BBB'],
220
+ [0.6, '#888']
221
+ ]
222
+ },
223
+ stroke: '#000000',
224
+ style: {
225
+ color: 'white'
226
+ }
227
+ },
228
+ select: {
229
+ fill: {
230
+ linearGradient: {
231
+ x1: 0,
232
+ y1: 0,
233
+ x2: 0,
234
+ y2: 1
235
+ },
236
+ stops: [
237
+ [0.1, '#000'],
238
+ [0.3, '#333']
239
+ ]
240
+ },
241
+ stroke: '#000000',
242
+ style: {
243
+ color: 'yellow'
244
+ }
245
+ }
246
+ }
247
+ },
248
+ inputStyle: {
249
+ backgroundColor: '#333',
250
+ color: 'silver'
251
+ },
252
+ labelStyle: {
253
+ color: 'silver'
254
+ }
255
+ },
205
256
 
206
- navigator: {
207
- handles: {
208
- backgroundColor: '#666',
209
- borderColor: '#AAA'
210
- },
211
- outlineColor: '#CCC',
212
- maskFill: 'rgba(16, 16, 16, 0.5)',
213
- series: {
214
- color: '#7798BF',
215
- lineColor: '#A6C7ED'
216
- }
217
- },
257
+ navigator: {
258
+ handles: {
259
+ backgroundColor: '#666',
260
+ borderColor: '#AAA'
261
+ },
262
+ outlineColor: '#CCC',
263
+ maskFill: 'rgba(16, 16, 16, 0.5)',
264
+ series: {
265
+ color: '#7798BF',
266
+ lineColor: '#A6C7ED'
267
+ }
268
+ },
218
269
 
219
- scrollbar: {
220
- barBackgroundColor: {
221
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
222
- stops: [
223
- [0.4, '#888'],
224
- [0.6, '#555']
225
- ]
226
- },
227
- barBorderColor: '#CCC',
228
- buttonArrowColor: '#CCC',
229
- buttonBackgroundColor: {
230
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
231
- stops: [
232
- [0.4, '#888'],
233
- [0.6, '#555']
234
- ]
235
- },
236
- buttonBorderColor: '#CCC',
237
- rifleColor: '#FFF',
238
- trackBackgroundColor: {
239
- linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
240
- stops: [
241
- [0, '#000'],
242
- [1, '#333']
243
- ]
244
- },
245
- trackBorderColor: '#666'
246
- },
270
+ scrollbar: {
271
+ barBackgroundColor: {
272
+ linearGradient: {
273
+ x1: 0,
274
+ y1: 0,
275
+ x2: 0,
276
+ y2: 1
277
+ },
278
+ stops: [
279
+ [0.4, '#888'],
280
+ [0.6, '#555']
281
+ ]
282
+ },
283
+ barBorderColor: '#CCC',
284
+ buttonArrowColor: '#CCC',
285
+ buttonBackgroundColor: {
286
+ linearGradient: {
287
+ x1: 0,
288
+ y1: 0,
289
+ x2: 0,
290
+ y2: 1
291
+ },
292
+ stops: [
293
+ [0.4, '#888'],
294
+ [0.6, '#555']
295
+ ]
296
+ },
297
+ buttonBorderColor: '#CCC',
298
+ rifleColor: '#FFF',
299
+ trackBackgroundColor: {
300
+ linearGradient: {
301
+ x1: 0,
302
+ y1: 0,
303
+ x2: 0,
304
+ y2: 1
305
+ },
306
+ stops: [
307
+ [0, '#000'],
308
+ [1, '#333']
309
+ ]
310
+ },
311
+ trackBorderColor: '#666'
312
+ },
247
313
 
248
- // special colors for some of the demo examples
249
- legendBackgroundColor: 'rgba(48, 48, 48, 0.8)',
250
- background2: 'rgb(70, 70, 70)',
251
- dataLabelsColor: '#444',
252
- textColor: '#E0E0E0',
253
- maskColor: 'rgba(255,255,255,0.3)'
254
- };
314
+ // special colors for some of the demo examples
315
+ legendBackgroundColor: 'rgba(48, 48, 48, 0.8)',
316
+ background2: 'rgb(70, 70, 70)',
317
+ dataLabelsColor: '#444',
318
+ textColor: '#E0E0E0',
319
+ maskColor: 'rgba(255,255,255,0.3)'
320
+ };
255
321
 
256
- // Apply the theme
257
- var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
322
+ // Apply the theme
323
+ Highcharts.setOptions(Highcharts.theme);
324
+
325
+ }(Highcharts));
326
+ }));