1 | /**
|
2 | * @license Highcharts JS v5.0.0 (2016-09-29)
|
3 | *
|
4 | * (c) 2009-2016 Torstein Honsi
|
5 | *
|
6 | * License: www.highcharts.com/license
|
7 | */
|
8 | (function(factory) {
|
9 | if (typeof module === 'object' && module.exports) {
|
10 | module.exports = factory;
|
11 | } else {
|
12 | factory(Highcharts);
|
13 | }
|
14 | }(function(Highcharts) {
|
15 | (function(Highcharts) {
|
16 | /**
|
17 | * (c) 2010-2016 Torstein Honsi
|
18 | *
|
19 | * License: www.highcharts.com/license
|
20 | *
|
21 | * Sand-Signika theme for Highcharts JS
|
22 | * @author Torstein Honsi
|
23 | */
|
24 |
|
25 | ;
|
26 | /* global document */
|
27 | // Load the fonts
|
28 | Highcharts.createElement('link', {
|
29 | href: 'https://fonts.googleapis.com/css?family=Signika:400,700',
|
30 | rel: 'stylesheet',
|
31 | type: 'text/css'
|
32 | }, null, document.getElementsByTagName('head')[0]);
|
33 |
|
34 | // Add the background image to the container
|
35 | Highcharts.wrap(Highcharts.Chart.prototype, 'getContainer', function(proceed) {
|
36 | proceed.call(this);
|
37 | this.container.style.background = 'url(http://www.highcharts.com/samples/graphics/sand.png)';
|
38 | });
|
39 |
|
40 |
|
41 | Highcharts.theme = {
|
42 | colors: ['#f45b5b', '#8085e9', '#8d4654', '#7798BF', '#aaeeee', '#ff0066', '#eeaaee',
|
43 | '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
|
44 | ],
|
45 | chart: {
|
46 | backgroundColor: null,
|
47 | style: {
|
48 | fontFamily: 'Signika, serif'
|
49 | }
|
50 | },
|
51 | title: {
|
52 | style: {
|
53 | color: 'black',
|
54 | fontSize: '16px',
|
55 | fontWeight: 'bold'
|
56 | }
|
57 | },
|
58 | subtitle: {
|
59 | style: {
|
60 | color: 'black'
|
61 | }
|
62 | },
|
63 | tooltip: {
|
64 | borderWidth: 0
|
65 | },
|
66 | legend: {
|
67 | itemStyle: {
|
68 | fontWeight: 'bold',
|
69 | fontSize: '13px'
|
70 | }
|
71 | },
|
72 | xAxis: {
|
73 | labels: {
|
74 | style: {
|
75 | color: '#6e6e70'
|
76 | }
|
77 | }
|
78 | },
|
79 | yAxis: {
|
80 | labels: {
|
81 | style: {
|
82 | color: '#6e6e70'
|
83 | }
|
84 | }
|
85 | },
|
86 | plotOptions: {
|
87 | series: {
|
88 | shadow: true
|
89 | },
|
90 | candlestick: {
|
91 | lineColor: '#404048'
|
92 | },
|
93 | map: {
|
94 | shadow: false
|
95 | }
|
96 | },
|
97 |
|
98 | // Highstock specific
|
99 | navigator: {
|
100 | xAxis: {
|
101 | gridLineColor: '#D0D0D8'
|
102 | }
|
103 | },
|
104 | rangeSelector: {
|
105 | buttonTheme: {
|
106 | fill: 'white',
|
107 | stroke: '#C0C0C8',
|
108 | 'stroke-width': 1,
|
109 | states: {
|
110 | select: {
|
111 | fill: '#D0D0D8'
|
112 | }
|
113 | }
|
114 | }
|
115 | },
|
116 | scrollbar: {
|
117 | trackBorderColor: '#C0C0C8'
|
118 | },
|
119 |
|
120 | // General
|
121 | background2: '#E0E0E8'
|
122 |
|
123 | };
|
124 |
|
125 | // Apply the theme
|
126 | Highcharts.setOptions(Highcharts.theme);
|
127 |
|
128 | }(Highcharts));
|
129 | }));
|