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 | * Gray theme for Highcharts JS
|
22 | * @author Torstein Honsi
|
23 | */
|
24 |
|
25 | ;
|
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 | },
|
132 |
|
133 |
|
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 | },
|
160 |
|
161 | toolbar: {
|
162 | itemStyle: {
|
163 | color: '#CCC'
|
164 | }
|
165 | },
|
166 |
|
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 | },
|
188 |
|
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 | },
|
256 |
|
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 | },
|
269 |
|
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 | },
|
313 |
|
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 | };
|
321 |
|
322 | // Apply the theme
|
323 | Highcharts.setOptions(Highcharts.theme);
|
324 |
|
325 | }(Highcharts));
|
326 | }));
|