Zywcube
Posts: 3
Joined: Mon Aug 26, 2013 2:34 am

Highchart clock - 24 hour dail

Hi,

I am using the highchart clock and want to make the dial 24 hours rather than 12 hours. i changed to the max from yAxis to 24 and mininterval to 0.4 so the dial looks like a 24 analogue clock.

http://jsfiddle.net/3CUgG/157/

however i am not sure what need to be done to make the min hand and second hand to update properly. currently both the min and second hands will jump to 0 after they reached half way point -12.

any advice is appreciated.

zyw

Update: i just realised this is what needs to be done

return {
hours: now.getHours() + now.getMinutes() / 60,
minutes: now.getMinutes() * 24 / 60 + now.getSeconds() * 24 / 3600,
seconds: now.getSeconds() * 24 / 60
};

Return to “Highcharts Usage”