Accepted answer

You need to set your yAxis.type: 'datetime' and you need to format your to be a valid time javascript time. Currently you have yAxis set to just be values (default) and your data is actually a string ("02:19:36" for example). This needs to be converted to a javascript time.

Edit - example of Date.UTC().

To convert your first entry for 'Michelle' use: Date.UTC(0, 0, 0, 2, 19, 36)

Since you dont care about year/month/day but the function requires year and month I just set them to 0. Replace all your string dates such that yourdata` looks like:

data: [Date.UTC(0, 0, 0, 2, 19, 36), Date.UTC(....), etc]

Here is an updated fiddle with just one set of data. Noticed I changed series type to 'line. The 'column' type was acting funny.

Fixed the 'column' type issue but setting arbitrary yAxis min year/month/day and setting the data points to use that same value so that the only difference is the time.

Related Articles