ElementStacks
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
var maxItems = 999;
var chartData = new Array(maxItems);
for (var i = 0; i <= maxItems; i++) {
chartData[i] = { y: 3, x: 1380385867013, myData:'hello' };
}
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
type: 'datetime',
title: {
text: null
},
labels: {
rotation: -45,
y: 22,
enabled: true
}
},
yAxis: {
title: {
text: 'HEllo',
enabled: true
}
},
tooltip: {
formatter: function () {
return 'Extra data: <b>' + this.point.myData + '</b>';
}
},
series: [{
pointInterval: 24 * 3600,
type: 'area',
name: 'Foo',
data: chartData
}]
});