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