HighCharts – Can't scroll page when cursor is on column chart

HighCharts – Can't scroll page when cursor is on column chart

Problem Description:

I’m using highcharts-react-official version 3.0.0 and highcharts version 8.1.2 in my web application.

My problem is that the user can’t scroll the page, using the mouse wheel, when the mouse cursor is positioned on a column chart. My page is full of charts, so in order to scroll, the user has to be careful to put the mouse cursor somewhere on the page where there isn’t a chart.

Can I fix this somehow? I want the user to be able to scroll everywhere on the page.

I tried stuff like chart.scrollablePlotArea and followTouchMove: false. Didn’t work.

Solution – 1

I found out myself why it’s not working. onmousewheel event is handled, in which event.preventDefault() and event.stopPropagation() are called.

Rate this post
We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept
Reject