Create a timeline chart to show multiple events using a line chart?!

2 posts, 0 answers
  1. Marcelo
    Marcelo avatar
    1 posts
    Member since:
    Mar 2012

    Posted 30 Mar 2012 Link to this post

    Hi,

    I need to create a chart that will be similar to a timeline chart. BTW, I don't have the latest Telerik with the timeline chart, I'm trying to see if one can be created using the available charts (line, bar, etc)

    I have many different timed events, that will run for certain time, so, each event will have a start and end time.

    I would line to show the events like the example below. Hope you can see the text nicely as I don't know how to put a picture here:

    Event 3 |   xxxxxxxx                      xxxxxxxx
                 |
    Event 2 |              xxxxxxxxxxxxxxxx
                 | 
    Event 1 |  xxxxxxxxxxxxxxxxx          xxxxxxxx
                 |               xxxxxxxxxxxxxxxx 
                 | 
                 ------------------------------------------Time
                      1         2         3         4        5


    The cart is showing the representation of the following:
    Event 1 
            Start time        End time
                  1                    3
                  2                    4
                  4                    5
    Event 2
            Start time        End time
                  2                     4
    Event 3
            Start time        End time
                  1                     2
                  4                     5

    The Event 1 is using two lines because of the time overlap of instances of that event.

    Is it possible to create a chart like that? if yes, can you point me to some information or example on how to accomplish that?


    Thank you very much...
    M.V.
  2. Petar Marchev
    Admin
    Petar Marchev avatar
    968 posts

    Posted 03 Apr 2012 Link to this post

    Hi Marcelo,

    Let me start by saying that for the scenarios where a timeline-effect needs to be accomplished - Telerik has created the TimeLine control.

    You can achieve looks close to this with the range bar series (click here for our online demo). Keep in mind that this was never the purpose of the range bar series and you might meet some problems if you choose this approach and you have to solve these problems by your self. In general I will have to suggest that you supply yourself with the new version of our controls which includes the RadTimeLine. 

    Greetings,
    Petar Marchev
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. DevCraft banner
Back to Top