Gráfico sem zoom
HTML
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<!-- Coloquei tabindex="-1" aqui -->
<div id="container" tabindex="-1" style="height: 400px; min-width: 310px"></div>
CSS
#container {
outline: none;
}
JavaScript
$(function () {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function (data) {
// Create the chart
$('#container')
.on('keydown', function(event){
var deltaX, hc, extr;
if(event.which === 37 || event.which === 39) {
deltaX = 1000000000; //ajuste esse tamanho a seu gosto
if (event.which === 37) deltaX = -deltaX; // p/ esquerda
hc = $('#container').highcharts();
extr = hc.xAxis[0].getExtremes();
hc.xAxis[0].setExtremes(extr.min + deltaX, extr.max + deltaX);
}
})
.highcharts('StockChart', {
rangeSelector: {
inputEnabled: $('#container').width() > 480,
selected: 1
},
title: {
text: 'AAPL Stock Price'
},
series: [{
name: 'AAPL Stock Price',
data: data,
tooltip: {
valueDecimals: 2
}
}]
});
// Mover foco para o container p/ capturar o teclado
$('#container').focus();
});
});