Set minimum step size in chart js

Question

I am using Chart.js 2.0 version to draw graphs, i want to define minimum step size in bar graph

var myNewChart = new Chart(grapharea, {                 type: 'bar',                 data: barData,                 options: {                     responsive: true,                                             scales: {                         yAxes: [                             {                                 ticks: {                                     min: 0, // it is for ignoring negative step.                                     beginAtZero: true,                                     stepSize: 1  // if i use this it always set it '1', which look very awkward if it have high value  e.g. '100'.                                 }                             }                         ]                     }                 }             }); 

this time i am using

stepSize: 1

i am using this step size to ignore the point value e.g. '0.5', it shows when the max graph values id less e.g '2'.
if i use this it always set the step it '1', which look very awkward if it have high value e.g. '100'.

I am looking for such thing: suggestedMin = 1

Is there any thing to define thie minimum step size which should not be fixed in higher value cases.

Answer 1

If you don't want to show point value (e.g. 0.5) labels you could write a callback function to filter the point value labels instead of using stepSize.

Like this:

ticks: {     min: 0, // it is for ignoring negative step.     beginAtZero: true,     callback: function(value, index, values) {         if (Math.floor(value) === value) {             return value;         }     } } 

Working fiddle here: https://jsfiddle.net/ma7h611L/

Update:

As noted by Atta H. and Lekoaf below, Chart.js added the precision property to ticks. It is available since version 2.7.3. See Lekoaf's answer how to use this.