JavaScript
$(function () {
$('#barchart').highcharts({
chart: {
type: 'spline',
backgroundColor: 'rgba(255, 255, 255, 0.1)',
height: 500,
width: 1600,
inverted:true
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
categories: [ '30001','30002','30003','30004','30005','30006','30007','30008','30009','30010','30011','30012','30013','30014','30015','30016','30017','30018','30019','30020','30021','30022','30023','30024','30025','30026','30027'
],
},
yAxis: {
min: 0,
title: {
text: ''
},
tickInterval: 5,
gridLineWidth: 1,
gridLineColor: '#eaeaea'
},
tooltip: {
headerFormat: '<span style="font-size:10px; font-family:inherit">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
legend: {
enabled: false
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: 'Google',
data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 160.2, 194.1, 95.6, 54.4,210]
}, {
name: 'Yahoo',
data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
}, {
name: 'Bing',
data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4,...