title: Chart.js is always increasing height on chart.resize()
body: <p>I added chart.resize() inside of addData and removeData function, but it is always increasing height and it is never decreasing!</p>
  
  <p>I am updating the chart when the user click on item of the menu. Some items have more than 100 datas e some others items have only 2 data and when have few data, the chart is always increasing height:</p>
  
  <p><a href="https://i.stack.imgur.com/AYt6T.png" rel="noreferrer">horizontalBar</a></p>
  
  <p>Why is this happening?</p>
  
  <pre><code>&lt;canvas id="chart"&gt;&lt;/canvas&gt;
  var chartData = {
              labels: [&lt;?php echo '"'.implode('","',  $chart_labels ).'"' ?&gt;],
              datasets: [
                  {
                      data: [&lt;?php echo implode(',',  $chart_numbers ) ?&gt;],
                      backgroundColor: '#184b8f',
                      hoverBackgroundColor: '#ef3e42'
                  }
              ]
          };
  
          var barOptions = {
              responsive: true,
              maintainAspectRatio: false,
              tooltips: {
                  enabled: false
              },
              hover: {
                  animationDuration: 0
              },
              legend: {
                  display: false
              },
              scales : {
                  xAxes : [{
                      gridLines : {
                          display: false
                      },
                      ticks: {
                          beginAtZero: true,
                          color: '#cfcfcf'
                      }
                  } ],
                  yAxes : [ {
                      gridLines : {
                          display: false
                      },
                      ticks: {
                          fontSize: 13,
                          fontFamily: "'Open Sans'",
                          fontWeight: 600,
                      }
                  }]
              },
              animation: {
              duration: 500,
              easing: "easeOutQuart",
              }
          };
  
          function removeData(chart) {
              chart.data.labels.pop();
              chart.data.datasets.forEach((dataset) =&gt; {
                  dataset.data.pop();
              });
              chart.resize();
              chart.update();
          }
  
          function addData(chart, label, data) {
              chart.data.labels.push(label);
              chart.data.datasets.forEach((dataset) =&gt; {
                  dataset.data.push(data);
              });
              chart.resize();
              chart.update();
          }
  
          var ctx = document.getElementById("chart").getContext("2d");
          var myBar = new Chart(ctx, {
                          type: 'horizontalBar',
                          data: chartData,
                          options: barOptions
                      });
  </code></pre>