| | |
|---|
| | | /** |
|---|
| | | * Skies theme for Highcharts JS |
|---|
| | | * @author Torstein Hønsi |
|---|
| | | */ |
|---|
| | | |
|---|
| | | Highcharts.theme = { |
|---|
| | | colors: ["#514F78", "#42A07B", "#9B5E4A", "#72727F", "#1F949A", "#82914E", "#86777F", "#42A07B"], |
|---|
| | | chart: { |
|---|
| | | className: 'skies', |
|---|
| | | borderWidth: 0, |
|---|
| | | plotShadow: true, |
|---|
| | | plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg', |
|---|
| | | plotBackgroundColor: { |
|---|
| | | linearGradient: [0, 0, 250, 500], |
|---|
| | | stops: [ |
|---|
| | | [0, 'rgba(255, 255, 255, 1)'], |
|---|
| | | [1, 'rgba(255, 255, 255, 0)'] |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | plotBorderWidth: 1 |
|---|
| | | }, |
|---|
| | | title: { |
|---|
| | | style: { |
|---|
| | | color: '#3E576F', |
|---|
| | | font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | subtitle: { |
|---|
| | | style: { |
|---|
| | | color: '#6D869F', |
|---|
| | | font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | xAxis: { |
|---|
| | | gridLineWidth: 0, |
|---|
| | | lineColor: '#C0D0E0', |
|---|
| | | tickColor: '#C0D0E0', |
|---|
| | | labels: { |
|---|
| | | style: { |
|---|
| | | color: '#666', |
|---|
| | | fontWeight: 'bold' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | title: { |
|---|
| | | style: { |
|---|
| | | color: '#666', |
|---|
| | | font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | yAxis: { |
|---|
| | | alternateGridColor: 'rgba(255, 255, 255, .5)', |
|---|
| | | lineColor: '#C0D0E0', |
|---|
| | | tickColor: '#C0D0E0', |
|---|
| | | tickWidth: 1, |
|---|
| | | labels: { |
|---|
| | | style: { |
|---|
| | | color: '#666', |
|---|
| | | fontWeight: 'bold' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | title: { |
|---|
| | | style: { |
|---|
| | | color: '#666', |
|---|
| | | font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | legend: { |
|---|
| | | itemStyle: { |
|---|
| | | font: '9pt Trebuchet MS, Verdana, sans-serif', |
|---|
| | | color: '#3E576F' |
|---|
| | | }, |
|---|
| | | itemHoverStyle: { |
|---|
| | | color: 'black' |
|---|
| | | }, |
|---|
| | | itemHiddenStyle: { |
|---|
| | | color: 'silver' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | labels: { |
|---|
| | | style: { |
|---|
| | | color: '#3E576F' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // Apply the theme |
|---|
| | | var highchartsOptions = Highcharts.setOptions(Highcharts.theme); |
|---|
| | | /**
|
|---|
| | | * Skies theme for Highcharts JS
|
|---|
| | | * @author Torstein Hønsi
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | Highcharts.theme = {
|
|---|
| | | colors: ["#514F78", "#42A07B", "#9B5E4A", "#72727F", "#1F949A", "#82914E", "#86777F", "#42A07B"],
|
|---|
| | | chart: {
|
|---|
| | | className: 'skies',
|
|---|
| | | borderWidth: 0,
|
|---|
| | | plotShadow: true,
|
|---|
| | | plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg',
|
|---|
| | | plotBackgroundColor: {
|
|---|
| | | linearGradient: [0, 0, 250, 500],
|
|---|
| | | stops: [
|
|---|
| | | [0, 'rgba(255, 255, 255, 1)'],
|
|---|
| | | [1, 'rgba(255, 255, 255, 0)']
|
|---|
| | | ]
|
|---|
| | | },
|
|---|
| | | plotBorderWidth: 1
|
|---|
| | | },
|
|---|
| | | title: {
|
|---|
| | | style: {
|
|---|
| | | color: '#3E576F',
|
|---|
| | | font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | subtitle: {
|
|---|
| | | style: {
|
|---|
| | | color: '#6D869F',
|
|---|
| | | font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | xAxis: {
|
|---|
| | | gridLineWidth: 0,
|
|---|
| | | lineColor: '#C0D0E0',
|
|---|
| | | tickColor: '#C0D0E0',
|
|---|
| | | labels: {
|
|---|
| | | style: {
|
|---|
| | | color: '#666',
|
|---|
| | | fontWeight: 'bold'
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | title: {
|
|---|
| | | style: {
|
|---|
| | | color: '#666',
|
|---|
| | | font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | yAxis: {
|
|---|
| | | alternateGridColor: 'rgba(255, 255, 255, .5)',
|
|---|
| | | lineColor: '#C0D0E0',
|
|---|
| | | tickColor: '#C0D0E0',
|
|---|
| | | tickWidth: 1,
|
|---|
| | | labels: {
|
|---|
| | | style: {
|
|---|
| | | color: '#666',
|
|---|
| | | fontWeight: 'bold'
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | title: {
|
|---|
| | | style: {
|
|---|
| | | color: '#666',
|
|---|
| | | font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | legend: {
|
|---|
| | | itemStyle: {
|
|---|
| | | font: '9pt Trebuchet MS, Verdana, sans-serif',
|
|---|
| | | color: '#3E576F'
|
|---|
| | | },
|
|---|
| | | itemHoverStyle: {
|
|---|
| | | color: 'black'
|
|---|
| | | },
|
|---|
| | | itemHiddenStyle: {
|
|---|
| | | color: 'silver'
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | labels: {
|
|---|
| | | style: {
|
|---|
| | | color: '#3E576F'
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | // Apply the theme
|
|---|
| | | var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
|
|---|
