+++ /dev/null
-/**\r
- * Gray theme for Highcharts JS\r
- * @author Torstein Hønsi\r
- */\r
-\r
-Highcharts.theme = {\r
- colors: ["#DDDF0D", "#7798BF", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee", \r
- "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],\r
- chart: {\r
- backgroundColor: {\r
- linearGradient: [0, 0, 0, 400],\r
- stops: [\r
- [0, 'rgb(96, 96, 96)'],\r
- [1, 'rgb(16, 16, 16)']\r
- ]\r
- },\r
- borderWidth: 0,\r
- borderRadius: 15,\r
- plotBackgroundColor: null,\r
- plotShadow: false,\r
- plotBorderWidth: 0\r
- },\r
- title: {\r
- style: { \r
- color: '#FFF',\r
- font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'\r
- }\r
- },\r
- subtitle: {\r
- style: { \r
- color: '#DDD',\r
- font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'\r
- }\r
- },\r
- xAxis: {\r
- gridLineWidth: 0,\r
- lineColor: '#999',\r
- tickColor: '#999',\r
- labels: {\r
- style: {\r
- color: '#999',\r
- fontWeight: 'bold'\r
- }\r
- },\r
- title: {\r
- style: {\r
- color: '#AAA',\r
- font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'\r
- } \r
- }\r
- },\r
- yAxis: {\r
- alternateGridColor: null,\r
- minorTickInterval: null,\r
- gridLineColor: 'rgba(255, 255, 255, .1)',\r
- lineWidth: 0,\r
- tickWidth: 0,\r
- labels: {\r
- style: {\r
- color: '#999',\r
- fontWeight: 'bold'\r
- }\r
- },\r
- title: {\r
- style: {\r
- color: '#AAA',\r
- font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'\r
- } \r
- }\r
- },\r
- legend: {\r
- itemStyle: {\r
- color: '#CCC'\r
- },\r
- itemHoverStyle: {\r
- color: '#FFF'\r
- },\r
- itemHiddenStyle: {\r
- color: '#333'\r
- }\r
- },\r
- labels: {\r
- style: {\r
- color: '#CCC'\r
- }\r
- },\r
- tooltip: {\r
- backgroundColor: {\r
- linearGradient: [0, 0, 0, 50],\r
- stops: [\r
- [0, 'rgba(96, 96, 96, .8)'],\r
- [1, 'rgba(16, 16, 16, .8)']\r
- ]\r
- },\r
- borderWidth: 0,\r
- style: {\r
- color: '#FFF'\r
- }\r
- },\r
- \r
- \r
- plotOptions: {\r
- line: {\r
- dataLabels: {\r
- color: '#CCC'\r
- },\r
- marker: {\r
- lineColor: '#333'\r
- }\r
- },\r
- spline: {\r
- marker: {\r
- lineColor: '#333'\r
- }\r
- },\r
- scatter: {\r
- marker: {\r
- lineColor: '#333'\r
- }\r
- },\r
- candlestick: {\r
- lineColor: 'white'\r
- }\r
- },\r
- \r
- toolbar: {\r
- itemStyle: {\r
- color: '#CCC'\r
- }\r
- },\r
- \r
- navigation: {\r
- buttonOptions: {\r
- backgroundColor: {\r
- linearGradient: [0, 0, 0, 20],\r
- stops: [\r
- [0.4, '#606060'],\r
- [0.6, '#333333']\r
- ]\r
- },\r
- borderColor: '#000000',\r
- symbolStroke: '#C0C0C0',\r
- hoverSymbolStroke: '#FFFFFF'\r
- }\r
- },\r
- \r
- exporting: {\r
- buttons: {\r
- exportButton: {\r
- symbolFill: '#55BE3B'\r
- },\r
- printButton: {\r
- symbolFill: '#7797BE'\r
- }\r
- }\r
- },\r
- \r
- // scroll charts\r
- rangeSelector: {\r
- buttonTheme: {\r
- fill: {\r
- linearGradient: [0, 0, 0, 20],\r
- stops: [\r
- [0.4, '#888'],\r
- [0.6, '#555']\r
- ]\r
- },\r
- stroke: '#000000',\r
- style: {\r
- color: '#CCC',\r
- fontWeight: 'bold'\r
- },\r
- states: {\r
- hover: {\r
- fill: {\r
- linearGradient: [0, 0, 0, 20],\r
- stops: [\r
- [0.4, '#BBB'],\r
- [0.6, '#888']\r
- ]\r
- },\r
- stroke: '#000000',\r
- style: {\r
- color: 'white'\r
- }\r
- },\r
- select: {\r
- fill: {\r
- linearGradient: [0, 0, 0, 20],\r
- stops: [\r
- [0.1, '#000'],\r
- [0.3, '#333']\r
- ]\r
- },\r
- stroke: '#000000',\r
- style: {\r
- color: 'yellow'\r
- }\r
- }\r
- } \r
- },\r
- inputStyle: {\r
- backgroundColor: '#333',\r
- color: 'silver'\r
- },\r
- labelStyle: {\r
- color: 'silver'\r
- }\r
- },\r
- \r
- navigator: {\r
- handles: {\r
- backgroundColor: '#666',\r
- borderColor: '#AAA'\r
- },\r
- outlineColor: '#CCC',\r
- maskFill: 'rgba(16, 16, 16, 0.5)',\r
- series: {\r
- color: '#7798BF',\r
- lineColor: '#A6C7ED'\r
- }\r
- },\r
- \r
- scrollbar: {\r
- barBackgroundColor: {\r
- linearGradient: [0, 0, 0, 20],\r
- stops: [\r
- [0.4, '#888'],\r
- [0.6, '#555']\r
- ]\r
- },\r
- barBorderColor: '#CCC',\r
- buttonArrowColor: '#CCC',\r
- buttonBackgroundColor: {\r
- linearGradient: [0, 0, 0, 20],\r
- stops: [\r
- [0.4, '#888'],\r
- [0.6, '#555']\r
- ]\r
- },\r
- buttonBorderColor: '#CCC',\r
- rifleColor: '#FFF',\r
- trackBackgroundColor: {\r
- linearGradient: [0, 0, 0, 10],\r
- stops: [\r
- [0, '#000'],\r
- [1, '#333']\r
- ]\r
- },\r
- trackBorderColor: '#666'\r
- },\r
- \r
- // special colors for some of the demo examples\r
- legendBackgroundColor: 'rgba(48, 48, 48, 0.8)',\r
- legendBackgroundColorSolid: 'rgb(70, 70, 70)',\r
- dataLabelsColor: '#444',\r
- textColor: '#E0E0E0',\r
- maskColor: 'rgba(255,255,255,0.3)'\r
-};\r
-\r
-// Apply the theme\r
-var highchartsOptions = Highcharts.setOptions(Highcharts.theme);\r