为什么我不能使这个React-ChartJS具有垂直响应能力？

Question

我有一个带有可拖动面板的React组件，其中显示了react-chartjs-2图表。用户可以在垂直和水平方向上调整面板的大小，我的问题是图表绝对拒绝在垂直方向上调整大小。我花了数小时搜寻这个站点和其他站点，以寻求解决方案，但到目前为止还算不上运气。

这是我的设置。我的div中包含一个名为Regions Chart的图表组件，就像这样...

<div className="regions_graph_holder"><RegionsChart /></div>

在我的CSS文件中，我声明了以下内容：

.regions_graph_holder {
  margin-top: 0px;
   position: relative;
  width:95%; 
  height: 75%;
}

在我的RegionsChart组件中，我在“选项”中声明了以下内容：

 responsive: true,
  maintainAspectRatio: false,

这就是我用RegionsChart声明图形的方式...

<div >

      <HorizontalBar
      data={ data }
      width={4}
      height={310}
      options={options}
       />

  </div>

如果我从图表上方的代码中删除和，则图表的大小将在垂直和水平方向永久变化。它只是不断扩大，没有停止的可能。同样，如果我从上面的代码中删除了预设的宽度和高度，则没有任何区别。该图将水平调整大小，但不会垂直调整大小。我也使用过redraw = {true}，再次没有区别。这里有大量的活动部件，我希望这段代码足以为您提供建议，因为我已经进行了详尽的搜索，并尝试了许多不同的解决方案来解决应该很简单的问题。