grid.js 2.6 KB

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