Skies.js 2.6 KB

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