title: react-vis - align x-axis ticks with start and end of bars
body: <p>I am trying to shift the x-axis ticks so that they are aligned with each bar rect. The idea is that the bars correspond to an event between the hours of x - y and the ticks are a little mis-leading. I've tried to use <code>tickFormat()</code> but that seems to only effect the labels. I've also looked through the D3 docs as the react-vis docs mention them quite a bit.</p>
  <h3>current chart</h3>
  <p><a href="https://i.stack.imgur.com/XscCs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XscCs.png" alt="enter image description here" /></a></p>
  <p>So ideally the bar that is centered on the 10am position would be shifted to the right so its centered between 10am - 11am. Is there another function that I can use to accomplish this?</p>