| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 | /** * Grid theme for Highcharts JS * @author Torstein Hønsi */Highcharts.theme = {	colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],	chart: {		backgroundColor: {			linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },			stops: [				[0, 'rgb(255, 255, 255)'],				[1, 'rgb(240, 240, 255)']			]		},		borderWidth: 2,		plotBackgroundColor: 'rgba(255, 255, 255, .9)',		plotShadow: true,		plotBorderWidth: 1	},	title: {		style: {			color: '#000',			font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'		}	},	subtitle: {		style: {			color: '#666666',			font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'		}	},	xAxis: {		gridLineWidth: 1,		lineColor: '#000',		tickColor: '#000',		labels: {			style: {				color: '#000',				font: '11px Trebuchet MS, Verdana, sans-serif'			}		},		title: {			style: {				color: '#333',				fontWeight: 'bold',				fontSize: '12px',				fontFamily: 'Trebuchet MS, Verdana, sans-serif'			}		}	},	yAxis: {		minorTickInterval: 'auto',		lineColor: '#000',		lineWidth: 1,		tickWidth: 1,		tickColor: '#000',		labels: {			style: {				color: '#000',				font: '11px Trebuchet MS, Verdana, sans-serif'			}		},		title: {			style: {				color: '#333',				fontWeight: 'bold',				fontSize: '12px',				fontFamily: 'Trebuchet MS, Verdana, sans-serif'			}		}	},	legend: {		itemStyle: {			font: '9pt Trebuchet MS, Verdana, sans-serif',			color: 'black'		},		itemHoverStyle: {			color: '#039'		},		itemHiddenStyle: {			color: 'gray'		}	},	labels: {		style: {			color: '#99b'		}	},	navigation: {		buttonOptions: {			theme: {				stroke: '#CCCCCC'			}		}	}};// Apply the themevar highchartsOptions = Highcharts.setOptions(Highcharts.theme);
 |