[Chartjs]-How to stop resizing chart.js in case hovered and out of boundaries?

You messed up axes ticks. It works as expected with these scales:

    scales: {
    xAxes: [{
      id: 'x-axis',
      type: 'linear',
      position: 'bottom',
      ticks: {
        stepSize: 1,
        callback: function(value, index, values) {
          return data.labels[index];
        }
      }
    }],
    yAxes: [{
      id: 'y-axis',
      type: 'linear',
      ticks: {
        max: 12,
        min: 1,
        stepSize: 1,
      }
    }],
  }