skies.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /**
  2. * (c) 2010-2019 Torstein Honsi
  3. *
  4. * License: www.highcharts.com/license
  5. *
  6. * Skies theme for Highcharts JS
  7. * @author Torstein Honsi
  8. */
  9. 'use strict';
  10. import Highcharts from '../parts/Globals.js';
  11. Highcharts.theme = {
  12. colors: ['#514F78', '#42A07B', '#9B5E4A', '#72727F', '#1F949A',
  13. '#82914E', '#86777F', '#42A07B'],
  14. chart: {
  15. className: 'skies',
  16. borderWidth: 0,
  17. plotShadow: true,
  18. plotBackgroundImage: 'https://www.highcharts.com/demo/gfx/skies.jpg',
  19. plotBackgroundColor: {
  20. linearGradient: [0, 0, 250, 500],
  21. stops: [
  22. [0, 'rgba(255, 255, 255, 1)'],
  23. [1, 'rgba(255, 255, 255, 0)']
  24. ]
  25. },
  26. plotBorderWidth: 1
  27. },
  28. title: {
  29. style: {
  30. color: '#3E576F',
  31. font: '16px Lucida Grande, Lucida Sans Unicode,' +
  32. ' Verdana, Arial, Helvetica, sans-serif'
  33. }
  34. },
  35. subtitle: {
  36. style: {
  37. color: '#6D869F',
  38. font: '12px Lucida Grande, Lucida Sans Unicode,' +
  39. ' Verdana, Arial, Helvetica, sans-serif'
  40. }
  41. },
  42. xAxis: {
  43. gridLineWidth: 0,
  44. lineColor: '#C0D0E0',
  45. tickColor: '#C0D0E0',
  46. labels: {
  47. style: {
  48. color: '#666',
  49. fontWeight: 'bold'
  50. }
  51. },
  52. title: {
  53. style: {
  54. color: '#666',
  55. font: '12px Lucida Grande, Lucida Sans Unicode,' +
  56. ' Verdana, Arial, Helvetica, sans-serif'
  57. }
  58. }
  59. },
  60. yAxis: {
  61. alternateGridColor: 'rgba(255, 255, 255, .5)',
  62. lineColor: '#C0D0E0',
  63. tickColor: '#C0D0E0',
  64. tickWidth: 1,
  65. labels: {
  66. style: {
  67. color: '#666',
  68. fontWeight: 'bold'
  69. }
  70. },
  71. title: {
  72. style: {
  73. color: '#666',
  74. font: '12px Lucida Grande, Lucida Sans Unicode,' +
  75. ' Verdana, Arial, Helvetica, sans-serif'
  76. }
  77. }
  78. },
  79. legend: {
  80. itemStyle: {
  81. font: '9pt Trebuchet MS, Verdana, sans-serif',
  82. color: '#3E576F'
  83. },
  84. itemHoverStyle: {
  85. color: 'black'
  86. },
  87. itemHiddenStyle: {
  88. color: 'silver'
  89. }
  90. },
  91. labels: {
  92. style: {
  93. color: '#3E576F'
  94. }
  95. }
  96. };
  97. // Apply the theme
  98. Highcharts.setOptions(Highcharts.theme);