Loading data performance

2 posts, 0 answers
  1. Steve
    Steve avatar
    4 posts
    Member since:
    Nov 2010

    Posted 18 Dec 2013 Link to this post

    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
  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 20 Dec 2013 Link to this post


    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

    Danail Vasilev
    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.
Back to Top