| 提交 | 用户 | 时间 | ||
| 1ac2bc | 1 | /** |
| 懒 | 2 | * Grid theme for Highcharts JS |
| 3 | * @author Torstein Hønsi | |
| 4 | */ | |
| 5 | ||
| 6 | Highcharts.theme = { | |
| 7 | colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'], | |
| 8 | chart: { | |
| 9 | backgroundColor: { | |
| 10 | linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 }, | |
| 11 | stops: [ | |
| 12 | [0, 'rgb(255, 255, 255)'], | |
| 13 | [1, 'rgb(240, 240, 255)'] | |
| 14 | ] | |
| 15 | }, | |
| 16 | borderWidth: 2, | |
| 17 | plotBackgroundColor: 'rgba(255, 255, 255, .9)', | |
| 18 | plotShadow: true, | |
| 19 | plotBorderWidth: 1 | |
| 20 | }, | |
| 21 | title: { | |
| 22 | style: { | |
| 23 | color: '#000', | |
| 24 | font: 'bold 16px "Trebuchet MS", Verdana, sans-serif' | |
| 25 | } | |
| 26 | }, | |
| 27 | subtitle: { | |
| 28 | style: { | |
| 29 | color: '#666666', | |
| 30 | font: 'bold 12px "Trebuchet MS", Verdana, sans-serif' | |
| 31 | } | |
| 32 | }, | |
| 33 | xAxis: { | |
| 34 | gridLineWidth: 1, | |
| 35 | lineColor: '#000', | |
| 36 | tickColor: '#000', | |
| 37 | labels: { | |
| 38 | style: { | |
| 39 | color: '#000', | |
| 40 | font: '11px Trebuchet MS, Verdana, sans-serif' | |
| 41 | } | |
| 42 | }, | |
| 43 | title: { | |
| 44 | style: { | |
| 45 | color: '#333', | |
| 46 | fontWeight: 'bold', | |
| 47 | fontSize: '12px', | |
| 48 | fontFamily: 'Trebuchet MS, Verdana, sans-serif' | |
| 49 | ||
| 50 | } | |
| 51 | } | |
| 52 | }, | |
| 53 | yAxis: { | |
| 54 | minorTickInterval: 'auto', | |
| 55 | lineColor: '#000', | |
| 56 | lineWidth: 1, | |
| 57 | tickWidth: 1, | |
| 58 | tickColor: '#000', | |
| 59 | labels: { | |
| 60 | style: { | |
| 61 | color: '#000', | |
| 62 | font: '11px Trebuchet MS, Verdana, sans-serif' | |
| 63 | } | |
| 64 | }, | |
| 65 | title: { | |
| 66 | style: { | |
| 67 | color: '#333', | |
| 68 | fontWeight: 'bold', | |
| 69 | fontSize: '12px', | |
| 70 | fontFamily: 'Trebuchet MS, Verdana, sans-serif' | |
| 71 | } | |
| 72 | } | |
| 73 | }, | |
| 74 | legend: { | |
| 75 | itemStyle: { | |
| 76 | font: '9pt Trebuchet MS, Verdana, sans-serif', | |
| 77 | color: 'black' | |
| 78 | ||
| 79 | }, | |
| 80 | itemHoverStyle: { | |
| 81 | color: '#039' | |
| 82 | }, | |
| 83 | itemHiddenStyle: { | |
| 84 | color: 'gray' | |
| 85 | } | |
| 86 | }, | |
| 87 | labels: { | |
| 88 | style: { | |
| 89 | color: '#99b' | |
| 90 | } | |
| 91 | }, | |
| 92 | ||
| 93 | navigation: { | |
| 94 | buttonOptions: { | |
| 95 | theme: { | |
| 96 | stroke: '#CCCCCC' | |
| 97 | } | |
| 98 | } | |
| 99 | } | |
| 100 | }; | |
| 101 | ||
| 102 | // Apply the theme | |
| 103 | var highchartsOptions = Highcharts.setOptions(Highcharts.theme); | |
