title: How can I evenly distribute ticks when using maxTicksLimit?
body: <p>I made a line chart using Chart.js version 2.1.3. </p>
  
  <pre><code>        var canvas = $('#gold_chart').get(0);
          var ctx = canvas.getContext('2d');
          var fillPatternGold = ctx.createLinearGradient(0, 0, 0, canvas.height);
          fillPatternGold.addColorStop(0, '#fdca55');
          fillPatternGold.addColorStop(1, '#ffffff');
  
          var goldChart = new Chart(ctx, {
              type: 'line',
              animation: false,
              data: {
                  labels: dates,
                  datasets: [{
                      label: '',
                      data: prices,
                      pointRadius: 0,
                      borderWidth: 1,
                      borderColor: '#a97f35',
                      backgroundColor: fillPatternGold
                  }]
              },
              title: {
                  position: 'bottom',
                  text: '\u7F8E\u5143 / \u76CE\u53F8'
              },
              options: {
                  legend: {
                      display: false
                  },
                  tooltips: {
                      callback: function(tooltipItem) {
                          return tooltipItem.yLabel;
                      }
                  },
                  scales: {
                      xAxes: [{
                          ticks: {
                              maxTicksLimit: 8
                          }
                      }]
                  }
              }
          });
  </code></pre>
  
  <p>The output is as follow:</p>
  
  <p><a href="https://i.stack.imgur.com/VUvnn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/VUvnn.png" alt="Screenshot"></a></p>
  
  <p>As you can see, I limited the maximum count of ticks to 8 via <code>maxTicksLimit</code>. However, the distribution is not even. How can I make the ticks distribute evenly?</p>
  
  <p>p.s. there are always 289 records in the dataset, and the data is recorded every 5 minutes. Sample values of <code>prices</code> variable are:</p>
  
  <pre><code>[
    {"14:10", 1280.3},
    {"14:15", 1280.25},
    {"14:20", 1282.85}
  ]
  </code></pre>
  
  <p>I tried different values of <code>maxTicksLimit</code>, and the results are still not distributed evenly.</p>