dark-green.js.soonsu 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. Highcharts.theme = {
  2. colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
  3. "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
  4. chart: {
  5. backgroundColor: {
  6. linearGradient: [0, 0, 250, 500],
  7. stops: [
  8. [0, 'rgb(48, 96, 48)'],
  9. [1, 'rgb(0, 0, 0)']
  10. ]
  11. },
  12. borderColor: '#000000',
  13. borderWidth: 2,
  14. className: 'dark-container',
  15. plotBackgroundColor: 'rgba(255, 255, 255, .1)',
  16. plotBorderColor: '#CCCCCC',
  17. plotBorderWidth: 1
  18. },
  19. title: {
  20. style: {
  21. color: '#C0C0C0',
  22. font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
  23. }
  24. },
  25. subtitle: {
  26. style: {
  27. color: '#666666',
  28. font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
  29. }
  30. },
  31. xAxis: {
  32. gridLineColor: '#333333',
  33. gridLineWidth: 1,
  34. labels: {
  35. style: {
  36. color: '#A0A0A0'
  37. }
  38. },
  39. lineColor: '#A0A0A0',
  40. tickColor: '#A0A0A0',
  41. title: {
  42. style: {
  43. color: '#CCC',
  44. fontWeight: 'bold',
  45. fontSize: '12px',
  46. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  47. }
  48. }
  49. },
  50. yAxis: {
  51. gridLineColor: '#333333',
  52. labels: {
  53. style: {
  54. color: '#A0A0A0'
  55. }
  56. },
  57. lineColor: '#A0A0A0',
  58. minorTickInterval: null,
  59. tickColor: '#A0A0A0',
  60. tickWidth: 1,
  61. title: {
  62. style: {
  63. color: '#CCC',
  64. fontWeight: 'bold',
  65. fontSize: '12px',
  66. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  67. }
  68. }
  69. },
  70. legend: {
  71. itemStyle: {
  72. font: '9pt Trebuchet MS, Verdana, sans-serif',
  73. color: '#A0A0A0'
  74. }
  75. },
  76. tooltip: {
  77. backgroundColor: 'rgba(0, 0, 0, 0.75)',
  78. style: {
  79. color: '#F0F0F0'
  80. }
  81. },
  82. toolbar: {
  83. itemStyle: {
  84. color: 'silver'
  85. }
  86. },
  87. plotOptions: {
  88. line: {
  89. dataLabels: {
  90. color: '#CCC'
  91. },
  92. marker: {
  93. lineColor: '#333'
  94. }
  95. },
  96. spline: {
  97. marker: {
  98. lineColor: '#333'
  99. }
  100. },
  101. scatter: {
  102. marker: {
  103. lineColor: '#333'
  104. }
  105. }
  106. },
  107. legend: {
  108. itemStyle: {
  109. color: '#CCC'
  110. },
  111. itemHoverStyle: {
  112. color: '#FFF'
  113. },
  114. itemHiddenStyle: {
  115. color: '#444'
  116. }
  117. },
  118. credits: {
  119. style: {
  120. color: '#666'
  121. }
  122. },
  123. labels: {
  124. style: {
  125. color: '#CCC'
  126. }
  127. },
  128. navigation: {
  129. buttonOptions: {
  130. backgroundColor: {
  131. linearGradient: [0, 0, 0, 20],
  132. stops: [
  133. [0.4, '#606060'],
  134. [0.6, '#333333']
  135. ]
  136. },
  137. borderColor: '#000000',
  138. symbolStroke: '#C0C0C0',
  139. hoverSymbolStroke: '#FFFFFF'
  140. }
  141. },
  142. exporting: {
  143. buttons: {
  144. exportButton: {
  145. symbolFill: '#55BE3B'
  146. },
  147. printButton: {
  148. symbolFill: '#7797BE'
  149. }
  150. }
  151. },
  152. legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
  153. legendBackgroundColorSolid: 'rgb(35, 35, 70)',
  154. dataLabelsColor: '#444',
  155. textColor: '#C0C0C0',
  156. maskColor: 'rgba(255,255,255,0.3)'
  157. };
  158. var highchartsOptions = Highcharts.setOptions(Highcharts.theme);