title: Need help lining up x axis ticks with bars in D3.js bar chart
body: <p>I have a working linear bar chart using <a href="http://d3js.org" rel="nofollow">D3.js</a>, which also has time-based x axis. The bars are bound to a count attribute, while the axis is bound to a date attribute. The ticks in the axis are not lining up with the bars.  Any idea how to line them both up?</p>
  
  <p>Here's the jsFiddle: <a href="http://jsfiddle.net/MmEjF/" rel="nofollow">http://jsfiddle.net/MmEjF/</a></p>