AzzyDude AzzyDude - 3 days ago 6
Javascript Question

Possible to connect the zoom on two Highcharts graphs?

I have a line graph and an area graph from the Highcharts API on my page that are x zoom-able like so:

chart: {
type: 'line',
zoomType: 'x'
}


Is it possible to make it so if I zoom in on one graph, it will apply the same zoom to the other graph? And vice versa?

I've looked online and in the API and I can't find anything but I feel like it should be possible.

Answer

This fiddle helped figure it out:

jsfiddle.net/Gv7Tg/27/

It basically overwrites the setExtremes method with a custom one to propagate the event to the other graphs.

 events:{
    afterSetExtremes:function(){
      ...
    }
 }
Comments