gray.js in highcharts-js-rails-0.1.10

- old
+ new

@@ -6,11 +6,11 @@
 Highcharts.theme = {
 	colors: ["#DDDF0D", "#7798BF", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee",
 		"#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
 	chart: {
 		backgroundColor: {
-			linearGradient: [0, 0, 0, 400],
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 			stops: [
 				[0, 'rgb(96, 96, 96)'],
 				[1, 'rgb(16, 16, 16)']
 			]
 		},
@@ -84,11 +84,11 @@
 			color: '#CCC'
 		}
 	},
 	tooltip: {
 		backgroundColor: {
-			linearGradient: [0, 0, 0, 50],
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 			stops: [
 				[0, 'rgba(96, 96, 96, .8)'],
 				[1, 'rgba(16, 16, 16, .8)']
 			]
 		},
@@ -130,11 +130,11 @@
 	},
 
 	navigation: {
 		buttonOptions: {
 			backgroundColor: {
-				linearGradient: [0, 0, 0, 20],
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 				stops: [
 					[0.4, '#606060'],
 					[0.6, '#333333']
 				]
 			},
@@ -157,11 +157,11 @@
 
 	// scroll charts
 	rangeSelector: {
 		buttonTheme: {
 			fill: {
-				linearGradient: [0, 0, 0, 20],
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 				stops: [
 					[0.4, '#888'],
 					[0.6, '#555']
 				]
 			},
@@ -171,11 +171,11 @@
 				fontWeight: 'bold'
 			},
 			states: {
 				hover: {
 					fill: {
-						linearGradient: [0, 0, 0, 20],
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 						stops: [
 							[0.4, '#BBB'],
 							[0.6, '#888']
 						]
 					},
@@ -184,11 +184,11 @@
 						color: 'white'
 					}
 				},
 				select: {
 					fill: {
-						linearGradient: [0, 0, 0, 20],
+						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 						stops: [
 							[0.1, '#000'],
 							[0.3, '#333']
 						]
 					},
@@ -221,28 +221,28 @@
 		}
 	},
 
 	scrollbar: {
 		barBackgroundColor: {
-				linearGradient: [0, 0, 0, 20],
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 				stops: [
 					[0.4, '#888'],
 					[0.6, '#555']
 				]
 			},
 		barBorderColor: '#CCC',
 		buttonArrowColor: '#CCC',
 		buttonBackgroundColor: {
-				linearGradient: [0, 0, 0, 20],
+				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 				stops: [
 					[0.4, '#888'],
 					[0.6, '#555']
 				]
 			},
 		buttonBorderColor: '#CCC',
 		rifleColor: '#FFF',
 		trackBackgroundColor: {
-			linearGradient: [0, 0, 0, 10],
+			linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
 			stops: [
 				[0, '#000'],
 				[1, '#333']
 			]
 		},