The problem about RangeSelector

5 posts, 0 answers
  1. Maxson Junior
    Maxson Junior avatar
    12 posts
    Member since:
    Oct 2013

    Posted 17 Nov 2013 Link to this post

    Hello, I am a junior programmar. Recently, I have been requested by using telerik AJAX to plot the html5 chart. Unfortunately, I am facing some kinds of minor problems.

    1. Does event handler exist for the range selector?(Attachment: 1.JPG)
    For some reasons, I need to keep track with the 'from' and 'to' date of the range selector. I need to put the 'from' and 'to' date to the textbox when the user slides the navigation bar. However, I can't put the rangeselector to the event class. So, it can't be done.
    Does HtmlChart include something like ?

    2. Can Appearance of X-axis be changed?(2.JPG)
    The another problem is that when the selection range is small, the displayed X-axis only display the time. It makes the users don't know what the date is.

    3. HTML5 Chart is slow in IE
    I have read many articles that related to HTML5 and IE, and try to add radstylesheet,scriptmanager......html5shiv.js. After doing everything that I know, it is faster but not fast enough. The tooltip only appears if I move the mouse towards the point many times. What else can I do? Can the future package be improved?

    I hope you can answer the questions. Thank you.

  2. Stamo Gochev
    Stamo Gochev avatar
    154 posts

    Posted 20 Nov 2013 Link to this post

    Hello Maxson,

    The selection events in the RangeSelector are not officially available yet, i.e. there is not OnRangeSelectorSelectionStart event or anything similar. However, you can get information about the selection if you bind to the corresponding "select", "selectSart" and "selectEnd" events on the client-side:
        $(document).ready(function() {
            var chart=$find("<%=  Chart.ClientID %>");
            //set the event-handlers for the events
        //the event handlers - you can take the values of From and To  from the event
        function onSelectHandler(e) {
            console.log("From: "+e.from+" To: ";
    I also created a sample page where the selection events are demonstrated, so that you can test them on your own.

    Regarding your second question - there are several XAxis configurations which are supported for the Navigator's axis. You can have a look at our help article about it and the general article about Configuring axes. The kind of configuration you mentioned is not currently supported, but we plan to improve the navigation functionality, so we might consider implementing some useful features like this one.

    On your third question - in general, the performance of RadHtmlChart is dependent on the number of individual chart elements that will be rendered on the page. There are several ways  speed up the client-side rendering, e.g. hide all labels, disable the chart animation with Transitions="false", hide Minor and MajorGridLines for the axes, etc.

    Stamo Gochev
    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.
  3. DevCraft R3 2016 release webinar banner
  4. Maxson Junior
    Maxson Junior avatar
    12 posts
    Member since:
    Oct 2013

    Posted 10 Jul 2014 Link to this post

    Hello Stamo Gochev,

    Is the second question solved by now on 2014 Q2?? - If the period shorter than 24 hours, the date is not shown
    on the graph.

    Also, can I change the X axis format from MM/dd to YYYY/MM/dd if the period longer than 24 hours??
  5. Danail Vasilev
    Danail Vasilev avatar
    1476 posts

    Posted 15 Jul 2014 Link to this post

    Hi Maxson,

    Since Q1 2014, DateFormats allow you to set a date format for a particular BaseUnit (e.g., Years, Months, Days, etc.) of the X axis. More information is available in this online demo.

    Danail Vasilev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  6. Maxson Junior
    Maxson Junior avatar
    12 posts
    Member since:
    Oct 2013

    Posted 15 Jul 2014 Link to this post

Back to Top
DevCraft R3 2016 release webinar banner