1 | /**
|
2 | * @license Highcharts JS v5.0.5 (2016-11-29)
|
3 | *
|
4 | * (c) 2009-2016 Torstein Honsi
|
5 | *
|
6 | * License: www.highcharts.com/license
|
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 blue theme for Highcharts JS
|
22 | * @author Torstein Honsi
|
23 | */
|
24 |
|
25 | ;
|
26 | Highcharts.theme = {
|
27 | colors: ['#DDDF0D', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee', '#ff0066', '#eeaaee',
|
28 | '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
|
29 | ],
|
30 | chart: {
|
31 | backgroundColor: {
|
32 | linearGradient: [0, 0, 250, 500],
|
33 | stops: [
|
34 | [0, 'rgb(48, 96, 48)'],
|
35 | [1, 'rgb(0, 0, 0)']
|
36 | ]
|
37 | },
|
38 | borderColor: '#000000',
|
39 | borderWidth: 2,
|
40 | className: 'dark-container',
|
41 | plotBackgroundColor: 'rgba(255, 255, 255, .1)',
|
42 | plotBorderColor: '#CCCCCC',
|
43 | plotBorderWidth: 1
|
44 | },
|
45 | title: {
|
46 | style: {
|
47 | color: '#C0C0C0',
|
48 | font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
|
49 | }
|
50 | },
|
51 | subtitle: {
|
52 | style: {
|
53 | color: '#666666',
|
54 | font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
|
55 | }
|
56 | },
|
57 | xAxis: {
|
58 | gridLineColor: '#333333',
|
59 | gridLineWidth: 1,
|
60 | labels: {
|
61 | style: {
|
62 | color: '#A0A0A0'
|
63 | }
|
64 | },
|
65 | lineColor: '#A0A0A0',
|
66 | tickColor: '#A0A0A0',
|
67 | title: {
|
68 | style: {
|
69 | color: '#CCC',
|
70 | fontWeight: 'bold',
|
71 | fontSize: '12px',
|
72 | fontFamily: 'Trebuchet MS, Verdana, sans-serif'
|
73 |
|
74 | }
|
75 | }
|
76 | },
|
77 | yAxis: {
|
78 | gridLineColor: '#333333',
|
79 | labels: {
|
80 | style: {
|
81 | color: '#A0A0A0'
|
82 | }
|
83 | },
|
84 | lineColor: '#A0A0A0',
|
85 | minorTickInterval: null,
|
86 | tickColor: '#A0A0A0',
|
87 | tickWidth: 1,
|
88 | title: {
|
89 | style: {
|
90 | color: '#CCC',
|
91 | fontWeight: 'bold',
|
92 | fontSize: '12px',
|
93 | fontFamily: 'Trebuchet MS, Verdana, sans-serif'
|
94 | }
|
95 | }
|
96 | },
|
97 | tooltip: {
|
98 | backgroundColor: 'rgba(0, 0, 0, 0.75)',
|
99 | style: {
|
100 | color: '#F0F0F0'
|
101 | }
|
102 | },
|
103 | toolbar: {
|
104 | itemStyle: {
|
105 | color: 'silver'
|
106 | }
|
107 | },
|
108 | plotOptions: {
|
109 | line: {
|
110 | dataLabels: {
|
111 | color: '#CCC'
|
112 | },
|
113 | marker: {
|
114 | lineColor: '#333'
|
115 | }
|
116 | },
|
117 | spline: {
|
118 | marker: {
|
119 | lineColor: '#333'
|
120 | }
|
121 | },
|
122 | scatter: {
|
123 | marker: {
|
124 | lineColor: '#333'
|
125 | }
|
126 | },
|
127 | candlestick: {
|
128 | lineColor: 'white'
|
129 | }
|
130 | },
|
131 | legend: {
|
132 | itemStyle: {
|
133 | font: '9pt Trebuchet MS, Verdana, sans-serif',
|
134 | color: '#A0A0A0'
|
135 | },
|
136 | itemHoverStyle: {
|
137 | color: '#FFF'
|
138 | },
|
139 | itemHiddenStyle: {
|
140 | color: '#444'
|
141 | }
|
142 | },
|
143 | credits: {
|
144 | style: {
|
145 | color: '#666'
|
146 | }
|
147 | },
|
148 | labels: {
|
149 | style: {
|
150 | color: '#CCC'
|
151 | }
|
152 | },
|
153 |
|
154 |
|
155 | navigation: {
|
156 | buttonOptions: {
|
157 | symbolStroke: '#DDDDDD',
|
158 | hoverSymbolStroke: '#FFFFFF',
|
159 | theme: {
|
160 | fill: {
|
161 | linearGradient: {
|
162 | x1: 0,
|
163 | y1: 0,
|
164 | x2: 0,
|
165 | y2: 1
|
166 | },
|
167 | stops: [
|
168 | [0.4, '#606060'],
|
169 | [0.6, '#333333']
|
170 | ]
|
171 | },
|
172 | stroke: '#000000'
|
173 | }
|
174 | }
|
175 | },
|
176 |
|
177 | // scroll charts
|
178 | rangeSelector: {
|
179 | buttonTheme: {
|
180 | fill: {
|
181 | linearGradient: {
|
182 | x1: 0,
|
183 | y1: 0,
|
184 | x2: 0,
|
185 | y2: 1
|
186 | },
|
187 | stops: [
|
188 | [0.4, '#888'],
|
189 | [0.6, '#555']
|
190 | ]
|
191 | },
|
192 | stroke: '#000000',
|
193 | style: {
|
194 | color: '#CCC',
|
195 | fontWeight: 'bold'
|
196 | },
|
197 | states: {
|
198 | hover: {
|
199 | fill: {
|
200 | linearGradient: {
|
201 | x1: 0,
|
202 | y1: 0,
|
203 | x2: 0,
|
204 | y2: 1
|
205 | },
|
206 | stops: [
|
207 | [0.4, '#BBB'],
|
208 | [0.6, '#888']
|
209 | ]
|
210 | },
|
211 | stroke: '#000000',
|
212 | style: {
|
213 | color: 'white'
|
214 | }
|
215 | },
|
216 | select: {
|
217 | fill: {
|
218 | linearGradient: {
|
219 | x1: 0,
|
220 | y1: 0,
|
221 | x2: 0,
|
222 | y2: 1
|
223 | },
|
224 | stops: [
|
225 | [0.1, '#000'],
|
226 | [0.3, '#333']
|
227 | ]
|
228 | },
|
229 | stroke: '#000000',
|
230 | style: {
|
231 | color: 'yellow'
|
232 | }
|
233 | }
|
234 | }
|
235 | },
|
236 | inputStyle: {
|
237 | backgroundColor: '#333',
|
238 | color: 'silver'
|
239 | },
|
240 | labelStyle: {
|
241 | color: 'silver'
|
242 | }
|
243 | },
|
244 |
|
245 | navigator: {
|
246 | handles: {
|
247 | backgroundColor: '#666',
|
248 | borderColor: '#AAA'
|
249 | },
|
250 | outlineColor: '#CCC',
|
251 | maskFill: 'rgba(16, 16, 16, 0.5)',
|
252 | series: {
|
253 | color: '#7798BF',
|
254 | lineColor: '#A6C7ED'
|
255 | }
|
256 | },
|
257 |
|
258 | scrollbar: {
|
259 | barBackgroundColor: {
|
260 | linearGradient: {
|
261 | x1: 0,
|
262 | y1: 0,
|
263 | x2: 0,
|
264 | y2: 1
|
265 | },
|
266 | stops: [
|
267 | [0.4, '#888'],
|
268 | [0.6, '#555']
|
269 | ]
|
270 | },
|
271 | barBorderColor: '#CCC',
|
272 | buttonArrowColor: '#CCC',
|
273 | buttonBackgroundColor: {
|
274 | linearGradient: {
|
275 | x1: 0,
|
276 | y1: 0,
|
277 | x2: 0,
|
278 | y2: 1
|
279 | },
|
280 | stops: [
|
281 | [0.4, '#888'],
|
282 | [0.6, '#555']
|
283 | ]
|
284 | },
|
285 | buttonBorderColor: '#CCC',
|
286 | rifleColor: '#FFF',
|
287 | trackBackgroundColor: {
|
288 | linearGradient: {
|
289 | x1: 0,
|
290 | y1: 0,
|
291 | x2: 0,
|
292 | y2: 1
|
293 | },
|
294 | stops: [
|
295 | [0, '#000'],
|
296 | [1, '#333']
|
297 | ]
|
298 | },
|
299 | trackBorderColor: '#666'
|
300 | },
|
301 |
|
302 | // special colors for some of the
|
303 | legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
|
304 | background2: 'rgb(35, 35, 70)',
|
305 | dataLabelsColor: '#444',
|
306 | textColor: '#C0C0C0',
|
307 | maskColor: 'rgba(255,255,255,0.3)'
|
308 | };
|
309 |
|
310 | // Apply the theme
|
311 | Highcharts.setOptions(Highcharts.theme);
|
312 |
|
313 | }(Highcharts));
|
314 | }));
|