GridLight.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /* *
  2. *
  3. * (c) 2010-2021 Torstein Honsi
  4. *
  5. * License: www.highcharts.com/license
  6. *
  7. * Grid-light theme for Highcharts JS
  8. *
  9. * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  10. *
  11. * */
  12. 'use strict';
  13. /* global document */
  14. import Highcharts from '../../Core/Globals.js';
  15. import U from '../../Core/Utilities.js';
  16. var createElement = U.createElement, setOptions = U.setOptions;
  17. // Load the fonts
  18. createElement('link', {
  19. href: 'https://fonts.googleapis.com/css?family=Dosis:400,600',
  20. rel: 'stylesheet',
  21. type: 'text/css'
  22. }, null, document.getElementsByTagName('head')[0]);
  23. Highcharts.theme = {
  24. colors: ['#7cb5ec', '#f7a35c', '#90ee7e', '#7798BF', '#aaeeee', '#ff0066',
  25. '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
  26. chart: {
  27. backgroundColor: null,
  28. style: {
  29. fontFamily: 'Dosis, sans-serif'
  30. }
  31. },
  32. title: {
  33. style: {
  34. fontSize: '16px',
  35. fontWeight: 'bold',
  36. textTransform: 'uppercase'
  37. }
  38. },
  39. tooltip: {
  40. borderWidth: 0,
  41. backgroundColor: 'rgba(219,219,216,0.8)',
  42. shadow: false
  43. },
  44. legend: {
  45. backgroundColor: '#F0F0EA',
  46. itemStyle: {
  47. fontWeight: 'bold',
  48. fontSize: '13px'
  49. }
  50. },
  51. xAxis: {
  52. gridLineWidth: 1,
  53. labels: {
  54. style: {
  55. fontSize: '12px'
  56. }
  57. }
  58. },
  59. yAxis: {
  60. minorTickInterval: 'auto',
  61. title: {
  62. style: {
  63. textTransform: 'uppercase'
  64. }
  65. },
  66. labels: {
  67. style: {
  68. fontSize: '12px'
  69. }
  70. }
  71. },
  72. plotOptions: {
  73. candlestick: {
  74. lineColor: '#404048'
  75. }
  76. }
  77. };
  78. // Apply the theme
  79. setOptions(Highcharts.theme);