Chart.js zoom shows decimal points

Question

I have implemented graphs using Chart.js and zoom feature using chartjs-plugin-zoom which works fine. However, while scrolling the y-axes is giving a large range of decimal points which is resulting in the values being out of viewpoint. How do I avoid the decimal points?

Without Zoom:

When Zoomed:

chartjs-plugin-zoom code:

plugins: {
    zoom: {
        
        pan: {
                enabled: true,
        },
        zoom: {

        wheel: {
            enabled: true,
            speed: .01
        },
        pinch: {
            enabled: true
        },
        mode: 'xy',
        }
    },
},
 

Answer 1

From https://github.com/chartjs/chartjs-plugin-zoom/issues/220#issuecomment-507543826

options: {
  scales: {
    yAxes: [{
      ticks: {
        callback: function(value) {
          if (Math.floor(value) === value) {
            return value
          }
        }
      }
     }]
   }
}