Multiple range column chart with Time & Day basis

[debasis89]

Using Canvas JS Show Time(12 hours format. Ex 1:00 AM,2:00 AM…..12:00 PM,1:00 PM…) into Y-Axis and show Day name(Ex. SUNDAY,MONDAY…) into X-Axis. Also need multiple range column chart. Is this possible? Actually, suppose a student which times he study in a particular day (means time range Ex. Monday he study 10am-12pm, 2pm-4pm, 8pm-10pm etc). Please help.

[Manoj Mohan]

@debasis89,

Date Time on axisY is not supported as of now. However, you can achieve your above requirement as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[debasis89]

Hello Manoj,
Thank you for giving solution.
One more thing can i create multiple range in particular day. That means Monday 7am-10am, 12pm-5pm, 8pm-10pm. Is this possible?

[Manoj Mohan]

@debasis89,

You can create multi series chart as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[debasis89]

I can i change X-Axis position from bottom to top.

[Manoj Mohan]

@debasis89,

You can position axisX to top by using secondary axisX instead of primary axisX.

—-
Manoj Mohan
Team CanvasJS