Home forums Using CanvasJS Examples for zooming beyond examples in docs (Version 1.8X)

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  Sunil Urs 4 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #11622

    jodes
    Member

    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

    #11626

    Sunil Urs
    Keymaster

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.