Bar plot inside large scrollable div

Hi,

I am trying to fit a large stacked bar plot inside a scrollable div. It needs to be scrollable as the number of bars might be very high (over 10k). I have managed to this using plotly and no react involved here: https://codepen.io/FilomenoSanchez/pen/ZEoPOPQ. This is really close to what we want in the final product.

However, the final app is written using react, and the problem starts when I try to do the same using plotly-react: the plot doesn't expand to fill up the entire scrollable div. This is what I've got instead: https://codepen.io/FilomenoSanchez/pen/VwxRogq

Apologies if this has been already asked elsewhere, I just couldn't find any related issues. Thanks!

首先比较纯 Plotly CodePen 与 issue 中链接的 plotly-react CodePen，重点关注大型可滚动 div 和堆叠柱状图的配置方式。当 React 版本扩展并填充整个可滚动容器，同时支持超过 10k 个柱体时，即表示完成。