grid.js 1.7 KB

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