Replace rectangle zoom with mouse panning and zooming
Panning and Zooming like in Google Maps is way nicer to use than the current implementation of rectangle zoom. Would be great to have such feature :)
By adding the Highmaps as a module in HIghcharts, we can get working mousewheel scrolling in Highcharts: http://jsfiddle.net/highcharts/6etwu5b4/
Here's an updated demo with x&y panning: http://jsfiddle.net/BlackLabel/dpnj1gub/
This userVoice idea thread is for the new feature described at the top. If you have a problem with performance please contact technical support: https://www.highcharts.com/blog/support/ - that way you could receive proper support and your case will be investigated to find a solution for you.
Yekaterina Bindyuk commented
Current behavior (from Map module) its not adjusting the y-axis scale, when panning horizontally, which is a critical issue. Moreover, panning is way slower with Maps and mouse than using the navigator. I am sure Replacing rectangle zoom with mouse panning and zooming could be a wonderful feature since current rectangular zoom is very unintuitive
sneha prabhu commented
Can the same be achieved in a react application with highcharts react wrapper (highcharts-react-official)?
But with map module, its not adjusting the y-axis scale, when panning horizontally.
Should we pay for Highmaps licence just in order to get user-friendly zooming?
James King commented
This feature should be included with Highcharts and Highstocks. The rectangle zoom isn't very user friendly (i.e. most people don't know exists and it doesn't work well as a zoom option). It would also be nice to be able to drag the charts up/down, left/right with the mouse cursor.
Still a good step! Any chance of having vertical panning? (Zoom a low region of the chart, scale is of course automatic, then pan to a higher region, where it would be cool to be able to pan vertically)
C W commented
This would be excellent for a default option in Highcharts without relying off Highmaps!