title: stepSize is not working in chart js for line chart x-axis
body: <p>So i have a line chart in Chartjs, my X axis looks like this.</p>
  
  <pre><code>scales: {
    xAxes: [{
      display: true,
      ticks: {
        maxTicksLimit: 7
      }
    }],
  </code></pre>
  
  <p>When i do this, i get the appopriate number of items on the X axis.   But the last grid mark is always way wider than the others, and i cant figure out what setting im missing.  As you can see the first 6 timestamps are evenly spaced, then the last one is way  off on the right side.  I've tried larger, smaller, even, odd settings for maxTicksLimit but i still have this issue and its killing the perfectionist in me looking at it.</p>
  
  <p><a href="https://i.stack.imgur.com/bXil9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bXil9.png" alt="enter image description here"></a></p>