sample data file
by ipoly
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
$('#container').highcharts({
colors: ['#6EA8FD','#6DE2AA','#DC5A5B','#EAC35C','#6556CD','#D7D7D7'],
chart: {
type: 'area'
},
title: {
text: 'Sample Data'
},
xAxis: {
categories:[50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84 ],
labels: {
step: 5,
staggerLines: 1
}
},
yAxis: {
title: {
enabled: false
},
labels: {
formatter: function() {
return this.value / 1000 +'k';
}
}
},
plotOptions: {
column: {
stacking: 'normal'
},
area: {
stacking: 'normal',
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: 'Salary Income',
data: [
0,
0,
0,
0,
0,
0,
28428,
47083,
32864,
36971,
39505,
28291,
28320,
41018,
39294,
49681,
37626,
37708,
33025,
37007,
33727,
44680,
...