Completed
Last Updated: 27 Apr 2021 10:00 by ADMIN
Orla
Created on: 01 Oct 2020 08:18
Category: KendoReact
Type: Bug Report
0
Controlled selection pane chart reloading after every onSelectEnd

Hello,

 

After taking a look at your example in the documentation here (which doesn't seem to be working) https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/selection/#using-selection-as-navigator 

I fixed the onSelectEnd function and got it working. However, the selection chart is reloading the data every time onSelectEnd changes this.state.min and this.state.max.

Here is the example:

https://stackblitz.com/edit/react-nub1sc?file=app/main.jsx 

As you can see, this makes for a clunky UI.

 

If this isn't a bug, do you have suggestions on how to fix this?

Thanks,

Orla

1 comment
ADMIN
Stefan
Posted on: 01 Oct 2020 11:55

Hello, Orla,

Thank you for your example.

It is expected to render the Chart, but if you referer the to animation, I can suggest stoping it to make the Chart working smoother:

https://stackblitz.com/edit/react-nub1sc-lalfuv?file=app/main.jsx

https://www.telerik.com/kendo-react-ui/components/charts/api/ChartProps/#transitions

As for the demo, indeed we can uncomment the code on onSelectEnd and update the state as currently, it seems broken.

Regards,
Stefan
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).