step Line Chart with time series

[sathya]

Dear Canvas Team,
Is it possible to draw a chart with time series as shown in attached image.X-axis having the 12hr time format(with am/pm).I need straight strip line for each hour inside the chart.

Thanks,
Sathya

[Vishwas R]

Sathya,

You can use valueFormatString to format date to show in 12Hours format. Check this example.

[sathya]

Vishwas,
Thanks for your response.

[sathya]

Hi Team,
1)Is there is any way to show the index label on bottom of the chart?.In my case, I need to show the location of the each activity.
2)How can I show the X-axis label on top of the chart?
Please refer sample image.

Thanks,
Sathya

[Vishwas R]

Sathya,

We have just released v1.9.5 Beta which supports Secondary X Axis and Multiple X / Y Axis. Please refer to the release blog for more information.

[sahiss]

Can you please tell me how we set these 4 labels(OffDuty,Sleeper,Driving,OnDuty) in Y axis and how to show totals at the end.

• This reply was modified 6 years, 11 months ago by sahiss.

[Indranil]

@sahiss,

Please take a look at this jsfiddle.

___________
Indranil Deo,
Team CanvasJS

[utsavgupta]

i want to make this chart dynamic including off duty sleeper driving and onduty on y axis

[Indranil]

@utsavgupta,

We are looking into your query and will get back to you at the earliest.

___________
Indranil Deo,
Team CanvasJS

[utsavgupta]

can you tell me how can i share an image

[utsavgupta]

https://www.screencast.com/t/GuqgXurP

i want something like this please see

[Indranil]

@utsavgupta,

Please take a look at this documentation page for information on rendering a dynamic chart.

Adding date and time to axis Y is not available as of now. However, you can take a look at this workaround to achieve the same.

___________
Indranil Deo,
Team CanvasJS