German
$(function () {
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: 'Average Monthly Temperature and Rainfall in Tokyo'
},
subtitle: {
text: 'Source: WorldClimate.com'
},
xAxis: [{
categories: [ '2002(1)', '2002(2)', '2002(3)', '2002(4)', '2003(1)', '2003(2)', '2003(3', '2003(4)', '2004(1)', '2004(2)', '2004(3)', '2004(4)', '2005(1)', '2005(2)', '2005(3)', '2005(4)', '2006(1)', '2006(2)', '2006(3)', '2006(4)', '2007(1)', '2007(2)', '2007(3)', '2007(4)', '2008(1)', '2008(2)', '2008(3)', '2008(4)', '2009(1)', '2009(2)', '2009(3)', '2009(4)', '2010(1)', '2010(2)', '2010(3)', '2010(4)', '2011(1)', '2011(2)', '2011(3)', '2011(4)', '2012(1)', '2012(2)', '2012(3)', '2012(4)', '2013(1)', '2013(2)', '2013(3', '2013(4)', '2014(1)', '2014(2)', '2014(3)', '2014(4)', '2015(1)', '2015(2)', '2015(3)', '2015(4)', '2016(1)', '2016(2)', '2016(3)', '2016(4)'],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
format: '{value}%',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: '',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: 'Rainfall',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
format: '{value} mm',
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
series: [{
name: '1. BFS Publikation',
type: 'column',
yAxis: 1,
data: [0.23,-0.35,2.07,1.93,3.24,3.33,1.78,-1.91,2.71,1.93,0.97,1.94],
tooltip: {
valueSuffix: '%'
}
},{
name: 'BFS Publikation Herbst 2014',
type: 'column',
yAxis: 1,
data: [0.14,0.05,2.84,3.04,4.01,4.14,2.28,-2.13,2.95,1.80,1.11,1.92],
tooltip: {
valueSuffix: '%'
}
}, {
name: 'KOF Consensus 02/05/08/11/14',
type: 'spline',
data: [1.19, 1.07, 0.3],
tooltip: {
valueSuffix: '°C'
}
}]
});
});
French
$(function () {
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: 'Average Monthly Temperature and Rainfall in Tokyo'
},
subtitle: {
text: 'Source: WorldClimate.com'
},
xAxis: [{
categories: [ '2002(1)', '2002(2)', '2002(3)', '2002(4)', '2003(1)', '2003(2)', '2003(3', '2003(4)', '2004(1)', '2004(2)', '2004(3)', '2004(4)', '2005(1)', '2005(2)', '2005(3)', '2005(4)', '2006(1)', '2006(2)', '2006(3)', '2006(4)', '2007(1)', '2007(2)', '2007(3)', '2007(4)', '2008(1)', '2008(2)', '2008(3)', '2008(4)', '2009(1)', '2009(2)', '2009(3)', '2009(4)', '2010(1)', '2010(2)', '2010(3)', '2010(4)', '2011(1)', '2011(2)', '2011(3)', '2011(4)', '2012(1)', '2012(2)', '2012(3)', '2012(4)', '2013(1)', '2013(2)', '2013(3', '2013(4)', '2014(1)', '2014(2)', '2014(3)', '2014(4)', '2015(1)', '2015(2)', '2015(3)', '2015(4)', '2016(1)', '2016(2)', '2016(3)', '2016(4)'],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
format: '{value}%',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: '',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: 'Rainfall',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
format: '{value} mm',
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
series: [{
name: 'Première publication par l'OFS',
type: 'column',
yAxis: 1,
data: [0.23,-0.35,2.07,1.93,3.24,3.33,1.78,-1.91,2.71,1.93,0.97,1.94],
tooltip: {
valueSuffix: '%'
}
},{
name: 'Publication de l'OFS automne 2014',
type: 'column',
yAxis: 1,
data: [0.14,0.05,2.84,3.04,4.01,4.14,2.28,-2.13,2.95,1.80,1.11,1.92],
tooltip: {
valueSuffix: '%'
}
}, {
name: 'Consensus du KOF 02/05/08/11/14',
type: 'spline',
data: [1.19, 1.07, 0.3],
tooltip: {
valueSuffix: '°C'
}
}]
});
});
