Data source with lots of series data

[Challa]

Hi

I'm using kendo stock chart to plot the temperature data of each device. Let's say If I want to plot 5 devices data, I push data to kendo DataSource Object (format of data point: {device_id: <temperature, date: <date>}) as soon as I get data from the device. Initially, I had a limit of 5 devices per a chart but again got a requirement of putting 128 devices. At any point, I used to maintain 10 data points on the chart by removing older data points. But I have increased the limit to 100 data points when plotting 128 device data. After making this change the browser was unresponsive and finally crashes.

1. Is this because of the continuous refreshing of the chart (after pushing the data point, I update the chart using the refresh method)?

2. Or stock chart could not handle more data points?

How to handle updating the chart with continuous data from device efficiently. Could someone provide me with the best practice to do this?

 

[Stefan]

Hello, Challa,

Thank you for the details on the case.

I would like to confirm one detail. When are 128 devices data shown is this meen that there are 128 series shown simultaneously on the Chart? If this assumption is correct than the Chart is showing 128 + 100 points and at the same time and it is constantly refreshed.

If this is correct, please confirm and we will investigate if we can offer an approach which will be performance efficient it that case.

If this is not correct, please provide more details and if possible an example or code snippet, so we can provide a suggestion best suited for the real application.

Regards,
Stefan
Progress Telerik

[Challa]

Hi Stefan

Yes, usecase is correct. There are 128 series data and plots 128+100 data points and also update constantly. Let me know how to improve performance.

[Stefan]

Hello, Challa,

Thank you for the confirmation.

There are some modifications that can be made.

Reduce the labels and the lines shown by setting a step and a skip option:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/valueaxis.labels#valueAxis.labels.skip

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/axisdefaults.majorgridlines#axisDefaults.majorGridLines.skip

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/axisdefaults.majorticks#axisDefaults.majorTicks.skip

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/axisdefaults.minorgridlines#axisDefaults.minorGridLines.skip

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/axisdefaults.minorticks#axisDefaults.minorTicks.skip

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/categoryaxis.majorgridlines#categoryAxis.majorGridLines.skip

Also, make more than one change in an update. We can suggest combining a few updates in one as there are 10000+ points on the Chart and updating the Chart for a single change may not be optimal.

Additionally, please share the logic responsible for the update operation, as we may have improvement tips for it as well.

Regards,
Stefan
Progress Telerik