Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

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