title: How to align Chart.JS line chart labels to the center
body: <p>I'm using Chart.JS 1.0.2 to create a line chart:
  <a href="https://i.stack.imgur.com/6UmvJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6UmvJ.png" alt="The chart I&#39;m getting right now"></a></p>
  
  <p>What I'm trying to do is move the labels that are on the bottom of the chart the center of each rectangle (instead of being aligned with the vertical grid lines):</p>
  
  <p><a href="https://i.stack.imgur.com/aqiTF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/aqiTF.png" alt="What I&#39;m trying to get to"></a></p>
  
  <p>There is no documentation about this on <a href="http://chartjs.org" rel="noreferrer">chartjs.org</a> but I believe that with a smart trick this problem can be easily solved. Any ideas on how this can be accomplished? </p>