title: d3.js: Align text labels between ticks on the axis
body: <p>Is there an easy way to align text labels between ticks?  </p>
  
  <p>Here is my time axis with labels above the ticks:<br>
  <img src="https://i.stack.imgur.com/HhCLS.png" alt="enter image description here"></p>
  
  <p>I would like to place these labels like here:<br>
  <img src="https://i.stack.imgur.com/WcmRI.png" alt="enter image description here"></p>