theme.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. /*
  2. * Copyright 2011-2022 Gatling Corp
  3. *
  4. * Licensed under the Gatling Highcharts License
  5. */
  6. Highcharts.theme = {
  7. chart: {
  8. backgroundColor: '#f7f7f7',
  9. borderWidth: 0,
  10. borderRadius: 8,
  11. plotBackgroundColor: null,
  12. plotShadow: false,
  13. plotBorderWidth: 0
  14. },
  15. xAxis: {
  16. gridLineWidth: 0,
  17. lineColor: '#666',
  18. tickColor: '#666',
  19. labels: {
  20. style: {
  21. color: '#666'
  22. }
  23. },
  24. title: {
  25. style: {
  26. color: '#666'
  27. }
  28. }
  29. },
  30. yAxis: {
  31. alternateGridColor: null,
  32. minorTickInterval: null,
  33. gridLineColor: '#999',
  34. lineWidth: 0,
  35. tickWidth: 0,
  36. labels: {
  37. style: {
  38. color: '#666',
  39. fontWeight: 'bold'
  40. }
  41. },
  42. title: {
  43. style: {
  44. color: '#666',
  45. font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
  46. }
  47. }
  48. },
  49. labels: {
  50. style: {
  51. color: '#CCC'
  52. }
  53. },
  54. rangeSelector: {
  55. buttonTheme: {
  56. fill: '#cfc9c6',
  57. stroke: '#000000',
  58. style: {
  59. color: '#34332e',
  60. fontWeight: 'bold',
  61. borderColor: '#b2b2a9'
  62. },
  63. states: {
  64. hover: {
  65. fill: '#92918C',
  66. stroke: '#000000',
  67. style: {
  68. color: '#34332e',
  69. fontWeight: 'bold',
  70. borderColor: '#8b897d'
  71. }
  72. },
  73. select: {
  74. fill: '#E37400',
  75. stroke: '#000000',
  76. style: {
  77. color: '#FFF'
  78. }
  79. }
  80. }
  81. },
  82. inputStyle: {
  83. backgroundColor: '#333',
  84. color: 'silver'
  85. },
  86. labelStyle: {
  87. color: '#8b897d'
  88. }
  89. },
  90. navigator: {
  91. handles: {
  92. backgroundColor: '#f7f7f7',
  93. borderColor: '#92918C'
  94. },
  95. outlineColor: '#92918C',
  96. outlineWidth: 1,
  97. maskFill: 'rgba(146, 145, 140, 0.5)',
  98. series: {
  99. color: '#5E7BE2',
  100. lineColor: '#5E7BE2'
  101. }
  102. },
  103. scrollbar: {
  104. buttonBackgroundColor: '#f7f7f7',
  105. buttonBorderWidth: 1,
  106. buttonBorderColor: '#92918C',
  107. buttonArrowColor: '#92918C',
  108. buttonBorderRadius: 2,
  109. barBorderWidth: 1,
  110. barBorderRadius: 0,
  111. barBackgroundColor: '#92918C',
  112. barBorderColor: '#92918C',
  113. rifleColor: '#92918C',
  114. trackBackgroundColor: '#b0b0a8',
  115. trackBorderWidth: 1,
  116. trackBorderColor: '#b0b0a8'
  117. }
  118. };
  119. Highcharts.setOptions(Highcharts.theme);