grid-light.js 1.7 KB

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