Timeline Chart (Image Shown)

[ssbruce22]

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

[Sunil Urs]

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

—
Sunil Urs

[Cristi S.]

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

[Suyash Singh]

@cristiscu,

Please have a look at this jsfiddle.

___
Suyash Singh
Team CanvasJS

[Cristi S.]

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

[Suyash Singh]

@Cristian,

You can achieve this by using x values in the dataPoints.Please have a look at this updated jsfiddle.

___
Suyash Singh
Team CanvasJS

[Cristi S.]

Yep, this is it :)
Thanks!

[Author]

Posts