ElementStacks
HTML
<script src="http://highcharts.com/js/testing.js"></script>
<div id="container"></div>
<button>reset zoom</button>
JavaScript
window.charts = []
for(i=0; i<5;i++) {
charts.push(new Highcharts.Chart({
chart: {
renderTo: $('<div>').appendTo('#container')[0],
zoomType: 'xy'
},
series: [{
data: (function(){
for(var i=0, data=[]; i<20; i++)
data.push(Math.random())
return data;
})()
}]
}));
}
$('button').click(function(){
for(var i=0, l=charts.length; i<l; i++) {
try {
charts[i].toolbar.remove('zoom');
}
catch (e) {};
charts[i].xAxis[0].setExtremes(null,null,false);
charts[i].yAxis[0].setExtremes(null,null);
}
})