title: d3 bar chart - trying to line up tick to bar
body: <p>I dont' have a whole lot of experience with D3 yet, but I found a post where the poster created a fiddle with this chart (which can be found here: <a href="https://stackoverflow.com/questions/11814399/need-help-lining-up-x-axis-ticks-with-bars-in-d3-js-bar-chart">Need help lining up x axis ticks with bars in D3.js bar chart</a>). I was trying to modify it to to show days instead of months, but in doing so the alignment of the ticks is off. I was hoping I could get some help trying to align the ticks and understanding how this works.</p>
  
  <p><a href="http://jsfiddle.net/MmEjF/32/" rel="nofollow noreferrer">http://jsfiddle.net/MmEjF/32/</a></p>
  
  <p>I've added the ticks method to specify the steps, but in doing so it throws the alignment off.</p>
  
  <pre><code>var xAxis = d3.svg.axis().
  scale(xTimeScale).
  orient("bottom").
  ticks(d3.time.days, 1).
  tickFormat(formatDate);
  </code></pre>