sand-signika.src.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /**
  2. * @license Highcharts JS v7.0.2 (2019-01-17)
  3. *
  4. * (c) 2009-2019 Torstein Honsi
  5. *
  6. * License: www.highcharts.com/license
  7. */
  8. 'use strict';
  9. (function (factory) {
  10. if (typeof module === 'object' && module.exports) {
  11. factory['default'] = factory;
  12. module.exports = factory;
  13. } else if (typeof define === 'function' && define.amd) {
  14. define(function () {
  15. return factory;
  16. });
  17. } else {
  18. factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined);
  19. }
  20. }(function (Highcharts) {
  21. (function (Highcharts) {
  22. /**
  23. * (c) 2010-2019 Torstein Honsi
  24. *
  25. * License: www.highcharts.com/license
  26. *
  27. * Sand-Signika theme for Highcharts JS
  28. * @author Torstein Honsi
  29. */
  30. /* global document */
  31. // Load the fonts
  32. Highcharts.createElement('link', {
  33. href: 'https://fonts.googleapis.com/css?family=Signika:400,700',
  34. rel: 'stylesheet',
  35. type: 'text/css'
  36. }, null, document.getElementsByTagName('head')[0]);
  37. // Add the background image to the container
  38. Highcharts.addEvent(Highcharts.Chart, 'afterGetContainer', function () {
  39. this.container.style.background =
  40. 'url(https://www.highcharts.com/samples/graphics/sand.png)';
  41. });
  42. Highcharts.theme = {
  43. colors: ['#f45b5b', '#8085e9', '#8d4654', '#7798BF', '#aaeeee',
  44. '#ff0066', '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
  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. // Highstock specific
  98. navigator: {
  99. xAxis: {
  100. gridLineColor: '#D0D0D8'
  101. }
  102. },
  103. rangeSelector: {
  104. buttonTheme: {
  105. fill: 'white',
  106. stroke: '#C0C0C8',
  107. 'stroke-width': 1,
  108. states: {
  109. select: {
  110. fill: '#D0D0D8'
  111. }
  112. }
  113. }
  114. },
  115. scrollbar: {
  116. trackBorderColor: '#C0C0C8'
  117. },
  118. // General
  119. background2: '#E0E0E8'
  120. };
  121. // Apply the theme
  122. Highcharts.setOptions(Highcharts.theme);
  123. }(Highcharts));
  124. return (function () {
  125. }());
  126. }));