Почему я не могу заставить этот React-ChartJS быть вертикально реагирующим?

Question

У меня есть компонент React с перетаскиваемыми панелями, на которых отображаются графики response-chartjs-2.Пользователь может изменить размер панели по вертикали и горизонтали, и моя проблема в том, что графики абсолютно не изменяют размеры по вертикали.Я часами искал этот и другие сайты в поисках решения, но это далеко не удача.

Вот мои настройки.У меня есть компонент диаграммы с названием Regions Chart, который содержится в div, например, так ...

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

В моем файле CSS я объявил следующее:

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

И вмой компонент RegionsChart, я объявил следующее в "options":

 responsive: true,
  maintainAspectRatio: false,

Так я объявляю график с помощью RegionsChart ...

<div >

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

  </div>

Если я удаляю изакрытие кода над графиком изменит размер на вечность, как по вертикали, так и по горизонтали.Он просто постоянно расширяется, и его ничто не остановит.Аналогично, если я уберу заданные ширину и высоту из кода выше, это не имеет значения.Размер графика изменится по горизонтали, но не по вертикали.Я также использовал redraw = {true} и снова без разницы.Здесь есть тонна движущихся частей, и я надеюсь, что этого кода достаточно, чтобы, возможно, дать совет, потому что я провел исчерпывающий поиск и попробовал множество различных решений для чего-то, что должно быть настолько простым.