sand-signika.js 3.4 KB

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