title: Chart.js zoom shows decimal points
body: <p>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?</p>
  <p><strong>Without Zoom:</strong>
  <a href="https://i.stack.imgur.com/8lFEL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8lFEL.png" alt="enter image description here" /></a></p>
  <p><strong>When Zoomed:</strong>
  <a href="https://i.stack.imgur.com/6wCAh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6wCAh.png" alt="enter image description here" /></a></p>
  <p><strong>chartjs-plugin-zoom code:</strong></p>
  <pre><code>plugins: {
      zoom: {
          
          pan: {
                  enabled: true,
          },
          zoom: {
  
          wheel: {
              enabled: true,
              speed: .01
          },
          pinch: {
              enabled: true
          },
          mode: 'xy',
          }
      },
  },
   
  </code></pre>