| 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 | }));
|