Hello,
We are currently experiencing a problem while presenting a stacked chart with approximately 8000 records. When we try to display all 8000 records at once, the chart keeps loading and the browser crashes after a few seconds, basically the screen freezes. We are currently using the chrome browser to run the web application.But when we load the chart with around 3000 records, it displays all of them without any problems.
As a result, we only face this problem when we attempt to load a huge number of records at once. So my concern is whether there is a fixed number of records that we can load for a stacked chart at once.
1 Answer, 1 is accepted
Hi Kumeri,
To improve the performance of the Charts, I want to suggest enabling the Canvas Rendering, removing grid lines, reducing the number of labels in the Category Axis, and implementing custom pagination to display in batches.
What I mean by canvas rendering - set the renderAs property of the Chart to canvas (by default Charts are rendered with SVG).
The Grid lines stand for the vertical and horizontal axis lines which are the continuation of the labels. Please check out the following example which is a modified version of this one:
https://stackblitz.com/edit/angular-e5bt9j
The label reduction is more related to date category axis, where you can display a label on each second or each year. Depending on the used data this can greatly affect the performance.
Please try the suggestions and if possible share some more details about the Chart implementation.
Regards,
Martin
Progress Telerik
Rank 1
Iron
Veteran
Hi Martin,
I tried the suggestions that you have listed but enabling the canvas rendering had no effect on performance. Still after retrieving all the data from the server the chart keeps on loading and eventually the browser gets frozen as I have stated before. If you can think of any other suggestion, you can share those with me.
Thanks and Regards,
Kumeri.
Hi Kumeri,
To be able to provide any further case-specific suggestions, we would need to inspect the configuration and data provided in the Chart.
In these lines of words, we would like to ask for a runnable demo that shows the issue so that we can debug it and try to find a solution or suggest any specific improvement. The data could be mocked but the same amount.
Thank you in advance.