JavaScript
$(function () {
$('#container').highcharts({
title: {
text: 'Population, GDP and Sales Growth (Index, 2010=100)',
},
subtitle: {
align: "left",
y: 15,
verticalAlign: 'bottom',
text: 'Source: Oxford Economics, 2014',
},
xAxis: {
categories: ["2010","2011","2012","2013","2014","2015","2016","2017","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030"]
},
yAxis: {
title: {
text: ''
},
plotLines: [{
value: 0,
width:0,
color: '#808080'
}]
},
plotOptions: {
line: {
marker: {
enabled: false
}
}
},
tooltip: {
valueSuffix: '°C'
},
legend: {
align: "left",
layout: "veritcle",
verticalAlign: 'middle',
title: {text: "Key"},
itemStyle: {
font: '10pt Trebuchet MS, Verdana, sans-serif',
color: 'black'
}
},
series: [{
name: 'City Population',
data: [100,100.726150550512,101.473092112504,102.162991796409,102.808279450051,103.422883881814,104.010870173328,104.574837912277,105.118784944063,105.646575449673,106.159715729419,106.656461277513,107.134824568084,107.593088333256,108.029550792719,108.442799884625,108.831637477522,109.195177447047,109.533173911281,109.845832013115,110.139739152387]
}, {
name: 'City GDP',
data:...