How can I evenly distribute ticks when using maxTicksLimit?
<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>