在Y轴上绘制时间，在X轴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.