CODEWITHSUNDEEP
javascriptjqueryhighcharts
aadu
aadu

Reputation: 3254

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.

Upvotes: 8

Views: 3722

Answers (1)

aadu
aadu

Reputation: 3254

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(){
      ...
    }
 }

Upvotes: 8

Related Questions