Grid.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /* *
  2. *
  3. * (c) 2010-2021 Torstein Honsi
  4. *
  5. * License: www.highcharts.com/license
  6. *
  7. * Grid theme for Highcharts JS
  8. *
  9. * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  10. *
  11. * */
  12. 'use strict';
  13. import Highcharts from '../../Core/Globals.js';
  14. import U from '../../Core/Utilities.js';
  15. var setOptions = U.setOptions;
  16. Highcharts.theme = {
  17. colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572',
  18. '#FF9655', '#FFF263', '#6AF9C4'],
  19. chart: {
  20. backgroundColor: {
  21. linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
  22. stops: [
  23. [0, 'rgb(255, 255, 255)'],
  24. [1, 'rgb(240, 240, 255)']
  25. ]
  26. },
  27. borderWidth: 2,
  28. plotBackgroundColor: 'rgba(255, 255, 255, .9)',
  29. plotShadow: true,
  30. plotBorderWidth: 1
  31. },
  32. title: {
  33. style: {
  34. color: '#000',
  35. font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
  36. }
  37. },
  38. subtitle: {
  39. style: {
  40. color: '#666666',
  41. font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
  42. }
  43. },
  44. xAxis: {
  45. gridLineWidth: 1,
  46. lineColor: '#000',
  47. tickColor: '#000',
  48. labels: {
  49. style: {
  50. color: '#000',
  51. font: '11px Trebuchet MS, Verdana, sans-serif'
  52. }
  53. },
  54. title: {
  55. style: {
  56. color: '#333',
  57. fontWeight: 'bold',
  58. fontSize: '12px',
  59. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  60. }
  61. }
  62. },
  63. yAxis: {
  64. minorTickInterval: 'auto',
  65. lineColor: '#000',
  66. lineWidth: 1,
  67. tickWidth: 1,
  68. tickColor: '#000',
  69. labels: {
  70. style: {
  71. color: '#000',
  72. font: '11px Trebuchet MS, Verdana, sans-serif'
  73. }
  74. },
  75. title: {
  76. style: {
  77. color: '#333',
  78. fontWeight: 'bold',
  79. fontSize: '12px',
  80. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  81. }
  82. }
  83. },
  84. legend: {
  85. itemStyle: {
  86. font: '9pt Trebuchet MS, Verdana, sans-serif',
  87. color: 'black'
  88. },
  89. itemHoverStyle: {
  90. color: '#039'
  91. },
  92. itemHiddenStyle: {
  93. color: 'gray'
  94. }
  95. },
  96. labels: {
  97. style: {
  98. color: '#99b'
  99. }
  100. },
  101. navigation: {
  102. buttonOptions: {
  103. theme: {
  104. stroke: '#CCCCCC'
  105. }
  106. }
  107. }
  108. };
  109. // Apply the theme
  110. setOptions(Highcharts.theme);