How to output data in highcharts chart like this?

Question

JavaScript

Good sir!
There is data on hours worked per day. (data in array)

Array
(
    [DAY] => ["01","04","05","06","07","08","11","12","13","14","15","18","19","20","21","22","25","26","27","28","29"]
    [TIME] => ["3:57","4:40","2:30","3:35","5:40","10:30","9:0","6:30","8:15","8:15","7:25","8:55","4:15","1:40","1:35","2:50","5:55","6:20","4:20","4:0","1:30"]
    [TIMESTAMP] => [237,280,150,215,340,630,540,390,495,495,445,535,255,100,95,170,355,380,260,240,90]
)

DAY - days worked
TIME - hours worked (in H:MM format)
TIMESTAMP - hours worked in minutes
I want to reproduce this on the graph next. format:
X-axis is days worked
. Y-axis is hours worked in minutes. But the legend on the left should not display numbers in minutes, but TIME. Not sure if this is possible?
And in the tooltip, I want the time to be displayed not in minutes but also in hours. And the day is not in the current format, but for example "April 01", but at the same time there should not be any changes on the X axis.
Is it possible to implement what I want?
so far, here's what I have jsfiddle.net/L8ra0zyq
PS I know that there is an API, but it's in English, alas, even with a translator it didn't budge (((