Home › forums › Feature Requests & Feedback › Zoom Out Functionality?
First off, thanks for creating such a great product, we are happy to have just purchased and integrated into our app. One feature which we really want/need is the ability for a user to zoom out.
Take for example if they are looking at 1-year of data and they zoom into a specific section of the data but accidentally zoom too far. As far as I know the only thing for them to do is reset the zoom entirely and try again but if they could just zoom out a little bit instead of resetting this would *huge* for our users.
Does that functionality exist yet and if not, could it please get on your radar?
Thank you for choosing CanvasJS. As of now, Zoom Out in steps is not available out of the box. It is on our road map but we don’t have a timeline for it yet. Meanwhile, you can easily achieve this with a workaround using viewportMinimum and viewportMaximum. Here is an example jsFiddle.
Is there any update for Zoom Out in steps functionality?
This feature isn’t available as of now. However you can achieve this functionality with couple of lines of code.
Please take a look at this jsfiddle.
Priyanka M S
But we want it on Reset Button. Is there any way by which we can trigger it on Reset button.
Hi Team CanvasJS
Please take a look at this updated jsfiddle.
Hello Vishwas R,
Thank you so much!
In above fiddle snippet sometimes if I zoom in once I have to zoom out twice. How to handle this?
Hi Vishwas R,
It works fine for normal html page.I am using canvas js on popup.
Following is the snippet that we are using.
When I zoom in and zoom out it works fine but if after this I resize my window as I am calling ‘chart.render()’ it directly enables the ‘.canvasjs-chart-toolbar’ class element. And it unnecessary shows pan and my zoomout icons
Please take a look at this updated code.
It again has one issue. If I zoom in trice and and zoom out once and again try to zoom in once and zoom out to initial state. The sequence of zoom out and zoom in does not match.
We are looking into the issue that you have mentioned and will get back to you at the earliest.
Meanwhile you can try handling pushing and popping according to the zoom / step-back action performed and let us know your feedback.
You must be logged in to reply to this topic.