1 Answer, 1 is accepted
Hello Steve,
By design, when the mouse is positioned above the chart, the scrolling is used to change the range of the navigator. You will need to place the mouse pointer outside the chart in order to be able to scroll the page. You can see a video demonstrating this behavior here:
In case you want to disable the navigator-range-changing functionality at all, you can do it by setting the `mousewheel` prop of the Navigator:
Regards,
Vessy
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 1
Iron
Iron
Hi Vessy,
I also found the property in the documentation and use it in my project, but the chart is still controllable with the mouse wheel.
I added mousewheel={false} to ChartNavigatorSelect in this demo(jolly-platform-4y2uu3 - CodeSandbox), you can find that he can still change the range through wheel. so I'm confuse about how to disable `mousewheel` in StockChart.
Thanks
Steve
Hi Steve,
Thank you for the provided sample - I will discuss this behavior with the KendoReact developers and will get back to you with a possible workaround (if any).
Thank you for your patience, Steve.
In order to disable the Navigator selection fully, you will need to cancel the `ZoomStart` event of the whole chart as well, along with the disabled ChartNavigatorSelect `mousewheel` prop.
You can see a sample demonstrating that here:
https://codesandbox.io/s/happy-shadow-5mgsku?file=/app/main.tsx
Rank 1
Iron
Iron