Plot time on Y-axis and users on X-axis Highcharts

Question

I have data of users with time for each user as follows:

Time Data:

Array
(
    [0] => 09:46:01
    [1] => 08:52:57
)

User Data:

Array
(
    [0] => User1
    [1] => User2
)

I need to plot a graph with Time on Y-Axis and Users on X-Axis in Highcharts. I am able to create graph by converting time to sec in PHP and plotting it see Fiddle . But unable to plot it in time format on the graph. Please help. Thanks.

Update I have an array of time of all users like:

Array
(
    [0] => 09:46:01
    [1] => 08:52:57
)

I need to pass this data to highcharts jquery code. So how can I convert above array to work in previous fiddle.

Answer 1

If you want the Datetime format, you need to assign dates too. There is nothing such as a time format.

For that you can assign a date for your times and edit the options to show only the hours and minutes.

You can do something like this:

http://jsfiddle.net/pqyj7o0q/1/

by adding:

type: 'datetime'
min: Date.UTC(Year, month, day),
max: Date.UTC(Year, month, day)

to your yAxis and also changing your data to date formats like above.