grid-light.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* *
  2. *
  3. * (c) 2010-2019 Torstein Honsi
  4. *
  5. * License: www.highcharts.com/license
  6. *
  7. * Grid-light theme for Highcharts JS
  8. *
  9. * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  10. *
  11. * */
  12. 'use strict';
  13. /* global document */
  14. import Highcharts from '../parts/Globals.js';
  15. // Load the fonts
  16. Highcharts.createElement('link', {
  17. href: 'https://fonts.googleapis.com/css?family=Dosis:400,600',
  18. rel: 'stylesheet',
  19. type: 'text/css'
  20. }, null, document.getElementsByTagName('head')[0]);
  21. Highcharts.theme = {
  22. colors: ['#7cb5ec', '#f7a35c', '#90ee7e', '#7798BF', '#aaeeee', '#ff0066',
  23. '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
  24. chart: {
  25. backgroundColor: null,
  26. style: {
  27. fontFamily: 'Dosis, sans-serif'
  28. }
  29. },
  30. title: {
  31. style: {
  32. fontSize: '16px',
  33. fontWeight: 'bold',
  34. textTransform: 'uppercase'
  35. }
  36. },
  37. tooltip: {
  38. borderWidth: 0,
  39. backgroundColor: 'rgba(219,219,216,0.8)',
  40. shadow: false
  41. },
  42. legend: {
  43. backgroundColor: '#F0F0EA',
  44. itemStyle: {
  45. fontWeight: 'bold',
  46. fontSize: '13px'
  47. }
  48. },
  49. xAxis: {
  50. gridLineWidth: 1,
  51. labels: {
  52. style: {
  53. fontSize: '12px'
  54. }
  55. }
  56. },
  57. yAxis: {
  58. minorTickInterval: 'auto',
  59. title: {
  60. style: {
  61. textTransform: 'uppercase'
  62. }
  63. },
  64. labels: {
  65. style: {
  66. fontSize: '12px'
  67. }
  68. }
  69. },
  70. plotOptions: {
  71. candlestick: {
  72. lineColor: '#404048'
  73. }
  74. }
  75. };
  76. // Apply the theme
  77. Highcharts.setOptions(Highcharts.theme);