Home Forums Feature Requests & Feedback Timeline Chart (Image Shown)

Timeline Chart (Image Shown)

Viewing 9 posts - 1 through 9 (of 9 total)
  • #9210

    Can Canvas be used to make something like what it shown below?

    Timeline Chart

    #9230

    Yes, you can use Range Bar Charts with StripLine for the same.


    Sunil Urs

    #14954

    I have a hard time finding such a range bar chart example using dates for the intervals.

    Could you point me to a working sample please?

    Thanks,
    Cristian

    #14959

    Cristian,

    axisY doesn’t support datetime values as of now. However, you can workaround by converting dateTime to timestamp and formatting y-axis labels using labelFormatter. Please take a look at this JSFiddle for an example on creating timeline chart with the help of Range Bar chart.

    ___
    Suyash Singh
    Team CanvasJS

    #14961

    Thanks, Suyash, but the activity chart may have multiple intervals for the same label, displayed on the same horizontal line.

    I added another entry for “Walking” here.

    Is there any way to get it displayed on the same line?

    Thanks,
    Cristian

    #14969

    Cristian,

    You can display multiple intervals for same label by using x values in the dataPoints. Please have a look at this updated jsfiddle.

    Timeline chart using rangebar chart

    ___
    Suyash Singh
    Team CanvasJS

    #14970

    Yep, this is it :)
    Thanks!

    #42063

    Hi,
    Is it possible to make an outside legend for this type of chart?
    Thanks.

    #42089

    @vikkriko,

    You can set the showInLegend property to true to display a legend item for a particular dataseries.


    Thangaraj Raman
    Team CanvasJS

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.