/public/js/highcharts/themes/grid.js

 1/**
 2 * Grid theme for Highcharts JS
 3 * @author Torstein Hønsi
 4 */
 5
 6Highcharts.theme = {
 7	colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
 8	chart: {
 9		backgroundColor: {
10			linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
11			stops: [
12				[0, 'rgb(255, 255, 255)'],
13				[1, 'rgb(240, 240, 255)']
14			]
15		},
16		borderWidth: 2,
17		plotBackgroundColor: 'rgba(255, 255, 255, .9)',
18		plotShadow: true,
19		plotBorderWidth: 1
20	},
21	title: {
22		style: {
23			color: '#000',
24			font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
25		}
26	},
27	subtitle: {
28		style: {
29			color: '#666666',
30			font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
31		}
32	},
33	xAxis: {
34		gridLineWidth: 1,
35		lineColor: '#000',
36		tickColor: '#000',
37		labels: {
38			style: {
39				color: '#000',
40				font: '11px Trebuchet MS, Verdana, sans-serif'
41			}
42		},
43		title: {
44			style: {
45				color: '#333',
46				fontWeight: 'bold',
47				fontSize: '12px',
48				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
49
50			}
51		}
52	},
53	yAxis: {
54		minorTickInterval: 'auto',
55		lineColor: '#000',
56		lineWidth: 1,
57		tickWidth: 1,
58		tickColor: '#000',
59		labels: {
60			style: {
61				color: '#000',
62				font: '11px Trebuchet MS, Verdana, sans-serif'
63			}
64		},
65		title: {
66			style: {
67				color: '#333',
68				fontWeight: 'bold',
69				fontSize: '12px',
70				fontFamily: 'Trebuchet MS, Verdana, sans-serif'
71			}
72		}
73	},
74	legend: {
75		itemStyle: {
76			font: '9pt Trebuchet MS, Verdana, sans-serif',
77			color: 'black'
78
79		},
80		itemHoverStyle: {
81			color: '#039'
82		},
83		itemHiddenStyle: {
84			color: 'gray'
85		}
86	},
87	labels: {
88		style: {
89			color: '#99b'
90		}
91	}
92};
93
94// Apply the theme
95var highchartsOptions = Highcharts.setOptions(Highcharts.theme);