Zoom In & Zoom Out buttons - highcharts

Question

I have custom zoom buttons(Zoom In, Zoom out) in bubble chart. When user clicks on Zoom in button, Zooming should happen from left to right in the chart. Similarly Zoom out

Answer 1

Use axis.setExtremes() method to zoom in to a specific area.

$('#zoom').click(function() {
  chart.xAxis[0].setExtremes(1327449600000,1422144000000, false)
  chart.yAxis[0].setExtremes(10, 20)

example https://jsfiddle.net/nhajopys/