grid.js.soonsu 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. Highcharts.theme = {
  2. colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
  3. chart: {
  4. backgroundColor: {
  5. linearGradient: [0, 0, 500, 500],
  6. stops: [
  7. [0, 'rgb(255, 255, 255)'],
  8. [1, 'rgb(240, 240, 255)']
  9. ]
  10. }
  11. ,
  12. borderWidth: 2,
  13. plotBackgroundColor: 'rgba(255, 255, 255, .9)',
  14. plotShadow: true,
  15. plotBorderWidth: 1
  16. },
  17. title: {
  18. style: {
  19. color: '#000',
  20. font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
  21. }
  22. },
  23. subtitle: {
  24. style: {
  25. color: '#666666',
  26. font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
  27. }
  28. },
  29. xAxis: {
  30. gridLineWidth: 1,
  31. lineColor: '#000',
  32. tickColor: '#000',
  33. labels: {
  34. style: {
  35. color: '#000',
  36. font: '11px Trebuchet MS, Verdana, sans-serif'
  37. }
  38. },
  39. title: {
  40. style: {
  41. color: '#333',
  42. fontWeight: 'bold',
  43. fontSize: '12px',
  44. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  45. }
  46. }
  47. },
  48. yAxis: {
  49. minorTickInterval: 'auto',
  50. lineColor: '#000',
  51. lineWidth: 1,
  52. tickWidth: 1,
  53. tickColor: '#000',
  54. labels: {
  55. style: {
  56. color: '#000',
  57. font: '11px Trebuchet MS, Verdana, sans-serif'
  58. }
  59. },
  60. title: {
  61. style: {
  62. color: '#333',
  63. fontWeight: 'bold',
  64. fontSize: '12px',
  65. fontFamily: 'Trebuchet MS, Verdana, sans-serif'
  66. }
  67. }
  68. },
  69. legend: {
  70. itemStyle: {
  71. font: '9pt Trebuchet MS, Verdana, sans-serif',
  72. color: 'black'
  73. },
  74. itemHoverStyle: {
  75. color: '#039'
  76. },
  77. itemHiddenStyle: {
  78. color: 'gray'
  79. }
  80. },
  81. labels: {
  82. style: {
  83. color: '#99b'
  84. }
  85. }
  86. };
  87. var highchartsOptions = Highcharts.setOptions(Highcharts.theme);