You must be logged in to post your query.
Home › Forums › Feature Requests & Feedback › Timeline Chart (Image Shown)
Tagged: chart, graph, timeline
Can Canvas be used to make something like what it shown below?
Yes, you can use Range Bar Charts with StripLine for the same.
— Sunil Urs
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
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
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?
You can display multiple intervals for same label by using x values in the dataPoints. Please have a look at this updated jsfiddle.
Yep, this is it :) Thanks!
Hi, Is it possible to make an outside legend for this type of chart? Thanks.
@vikkriko,
You can set the showInLegend property to true to display a legend item for a particular dataseries.
— Thangaraj Raman Team CanvasJS
You must be logged in to reply to this topic. Login/Register