gray.js.soonsu 2.6 KB

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