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

Loading data performance

1 Answer 62 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Steve
Top achievements
Rank 1
Steve asked on 18 Dec 2013, 07:03 AM
Hi all,

I'm using RadHtmlChart (LINE) for displaying data in 3 series.
X-Axis is the timestamp, Y-Axis the value.

The datasource is a dataTable containing all the data for the chart. One column for the timestamp, 3 colonnes for the 3 series values.

The user can choose the datetime range for the values, and depending of the selection, the loading of the chart can be very long.

For example, for loading 800 rows (ie. 2400 points in the chart), it take about 5 sec for rendering the chart. And the user should be able to load 100x more values !

It RadHtmlChart a good component for large amount of data ? What are solutions for optimizing the chart load ? I've tested the query time on the SQL Server, and it's not a problem, It take about 0.5sec for 17600 rows.

Thanks for your help,

Steve Roh

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 20 Dec 2013, 04:33 PM
Hello,

The RadHtmlChart renders SVG or VML, which are essentially forms of an XML document. This means that there are a lot of element (nodes) and rendering them may take some time for the browser. In addition if the animation is enabled this would slow the overall time load.

The performance also depends on the performance of the machine and the browser. Slower browsers like IE7 and IE8, especially when used on slower machines may not meet all your needs. Now if you multiply this effect n times (e.g. there are many charts on the page) the browser's load time will increase proportionately.

There are several things you could do in order to speed up the RadHtmlChart's client-side rendering:
  1. Set Transitions to false
  2. Hide the Minor and MajorGridLines for X and Y axis
  3. Hide series' labels
  4. Hide X axis' labels

Regards,
Danail Vasilev
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Chart (HTML5)
Asked by
Steve
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or