I am using CanvasJS to display some zoom-enabled line charts in my website. Selecting the area to be zoomed becomes really difficult if the user wants to select till the very end of the chart. The selection is lost when the mouse pointer moves over the right edge of the chart. Is there any way to prevent this? Either to automatically select till the end of the chart when the pointer moves over the edge, or to decrease pointer speed when approaching the edge?
Hello, is this topic alive?
There is an example of zoom-enabled option. If you will try to zoom till the left edge of canvas – you would not get any result
The behavior is designed such that zooming is limited upto a certain region, so the user doesn’t end up zooming into a blank-region (region with no dataPoints). To zoom into a certain region, there should be a minimum of 3-4 dataPoints.
Okey, I changed example code, look here please. The problem is the same: you can not zoom to the edges.
Sorry to jump in uninvited, but I would like to support the OP in this request as I also find this feature a bit annoying! I don’t think there is any difficulty in reproducing the issue, but it seems you don’t think it is a problem.
In your example above, it is only possible to reproduce your screenshot if the user manages to release the mouse on the *exact pixel* at the top-left corner of the data area. One pixel too far to the left or top and the selection box disappears and they have to start again, or keep the mouse button depressed and try to hit that pixel with the selection box flickering on and off. If the user compensates by selecting a slightly too small area, they then have to switch to panning mode to check that they are seeing all the data. This makes a very frustrating user experience. It would be better if the selection area simply clamped to the appropriate chart edge whenever the mouse moves outside the valid region.
In our application we are displaying a time series of historical data and allowing zooming only on the X-axis. It is natural for the user to want to zoom in on the most recent data, and most people do this by selecting the oldest date of interest and swiping quickly to the right-edge of the data area. It is very counter-intuitive that the selection disappears if the swipe action overshoots the plot limit by a tiny amount.
This is what I wanted to tell but I had not time for it. Thanks for your report, this problem realy makes users screaming
You must be logged in to reply to this topic.