The following topic has a solution to translate axis labels so that they are centered in the time range:
viewtopic.php?p=149034&sid=e4e7e13c44d4 ... 5d#p149034
But this translates the entire labelGroup by the same amount. I have ticks that are not necessarily equally spaced, so I need to translate each label individually, and my solution for this is:
https://jsfiddle.net/8cmr1gzx/
BUT now I want to use html labels and have useHTML set to true... but this breaks my centering code:
https://jsfiddle.net/0jed7z5w/
All I have done in the above is set useHTML set to true... but the labels are now centered on the tick, not in the time range. So tick.label.translate() doesn't work for HTML labels?
How do I make this work for HTML labels, translating each label by its own amount.