Chart.js: evenly distribute ticks when using maxTicksLimit

Question

I made a line chart using Chart.js version 2.1.3.

        var canvas = $(\'#gold_chart\').get(0);
        var ctx = canvas.getContext(\'2d\');
        var f         


        

Answer 1

A simpler solution until this is permanently fixed by the Chart JS contributors is to include a decimal in maxTicksLimit.

For example:

maxTicksLimit: 8,

produces a huge gap at the end.

maxTicksLimit: 8.1,

Does not produce a huge gap at the end.

Depending on what you want to set your maxTicksLimit to, you need to play around with different decimals to see which one produces the best result.