Examples for zooming beyond examples in docs (Version 1.8X)

[jodes]

It seems the docs page (Getting Started > Zooming & Panning) is significantly out of date.

Is there any documentation for newer zooming features?

Are there any examples? JS Fiddles or similar would be great.

Specifically, I want to:
– Have zoom in/out buttons (Maybe also with mouse wheel and/or shortcuts).
– Pan by dragging, and/or shortcuts, and/or buttons

(It would be interesting to know what other possibilities there are.)

Thanks

[Sunil Urs]

Hi,

Getting started section only talk about basic features. For complete features you should refer to options section.

Here are some of the relevant links
zoomEnabled
zoomType
rangeChanging
rangeChanged

Have zoom in/out buttons (Maybe also with mouse wheel and/or shortcuts).

Mouse wheel is not supported as of now. But you can implement zoom in/out buttons with some code. Here is an example which you can customize.

Pan by dragging, and/or shortcuts, and/or buttons

Panning becomes available (you can see button at top right) by default once you zoom into an area in the chart.

You can also sync multiple charts using rangeChanging / rangeChanged events. We have given examples in this blog.

—
Sunil Urs