title: How can I set ChartJS x-axis ticks at specified/fixed intervals?
body: <p>I have a chart.js line chart where the x axis labels are plain old numbers, e.g. [2,4,15,45,90], which represent days on this chart. I don't want the x-axis ticks to mirror the data labels, i want the ticks to be at interval of 20. How can I achieve this?</p>
  
  <p>This in my options does nothing:</p>
  
  <pre><code>xAxes: [ {
      display: true,
      position: 'bottom',
      ticks: {
         stepSize: 20,
         min: 0,
         max: 140
      }
  ],
  </code></pre>
  
  <p>example here: <a href="https://jsfiddle.net/kleky/v7o9udLk/10" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>...the only (awful) way i found is to turn the numbers into dates and in the ticks callback, calculate the number of days difference. as seen <a href="https://jsfiddle.net/kleky/v7o9udLk/" rel="nofollow noreferrer">here</a></p>