This is a migrated thread and some comments may be shown as answers.

Real Time React Line Chart

3 Answers 293 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
perry
Top achievements
Rank 1
perry asked on 02 Jan 2019, 05:32 PM

I have seen a real time chart demo for Kendo UI for Jquery

https://www.telerik.com/forums/redraw-in-real-time

https://demos.telerik.com/kendo-ui/chart-api/benchmark

Is there a similar example of a real time chart for the Kendo Components for React?

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 03 Jan 2019, 09:14 AM
Hello, Perry,

Yes, this is possible with the KendoReact Chart as well.

The Chart can be bound to the state variable, and when new data is set to the state, the Chart will re-render to show the new data. This is an example:

https://stackblitz.com/edit/react-2vrrus-tern14?file=app%2Fmain.js

I hope this is helpful.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
perry
Top achievements
Rank 1
answered on 03 Jan 2019, 03:38 PM

Is there any way to set  transitions to false?  (as in Kendo Jquery Chart) or to only render the new added data?

The re-rendering of the entire series after each new data point is added is very 'jarring'


0
Stefan
Telerik team
answered on 04 Jan 2019, 09:46 AM
Hello, Perry,

Yes, the transitions can be turned off.

Please have in mind that Chart have the same properties as the Charts in the jQuery version:

https://stackblitz.com/edit/react-2vrrus-tern14?file=app%2Fchart-container.js

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
perry
Top achievements
Rank 1
Answers by
Stefan
Telerik team
perry
Top achievements
Rank 1
Share this question
or