8 Answers, 1 is accepted
Thank you for considering Kendo UI.
I have modified the following Chart demo:
To update the data and redraw the Chart every second:
If this does not help, please send us more details about where exactly on our site you have seen the described chart, so we can point you to a similar demo, or the source code, used to create it.
I am working on a ASP.Net Core MVC project & rather new in this area.
I am getting a JSON response from a HttpGet "action" in a "controller".
The script that i refer from Realtime data from server causes the chart to redraw itself & flicker on every update.
Can you share how to add the response to the chart's dataSource (& splicing some nodes) so that i can achieve the same result as what is shown in your sample (without flicker)?
Could you take a look through the following dojo sample that my colleague Dimitar made based off our demo: http://dojo.telerik.com/OHixI? It shows how the data source of the chart gets modified, and how calling kendo.animationFrame() is used to create a loop if you pass a callback to it. This function is a shortcut to the requestAnimationFrame() method of the browsers that facilitates animations. The demo keeps using the same amount of data but changes values only, and has the chart animations disabled (transitions:false in its config). It also uses the canvas rendering for better performance. I suggest you try applying those changes to see if it helps. Ultimately, the chart needs to be redrawn in order for the new values to come up, so disabling the animations is the first step to make this faster.
It works after adding Transitions(false) & RenderAs(RenderingMode.Canvas).
There is no change in the script.
Thanks for updating the thread, Joel, I am marking your post as an answer to help guide other people with a similar question.
Can I get sample application of above real time line chart?
The example with the real-time updates is present in the Dojo sample shared above:
However, if you would like to perform actual real-time updates from a SignalR data source, I recommend taking a look at the following example:
Our thoughts here at Progress are with those affected by the outbreak.