skies.js 2.5 KB

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