gpt4 book ai didi

css - Recharts 响应式容器无法在 flexbox 中正确调整大小

转载 作者:行者123 更新时间:2023-12-02 09:12:10 24 4
gpt4 key购买 nike

我正在尝试为我的数据可视化应用程序创建一个自定义的可折叠图例。它使用 react 和重新图表。组件第一次渲染得很好。但是当我折叠图例并重新打开它时,响应式容器不会缩小以适应。如果我知道以像素为单位的父容器的大小,但我没有关于渲染的信息,这会更容易。这是重新图表或 flexbox 的错误还是我做错了?

代码如下:https://codesandbox.io/s/8krz9qjk52

澄清:问题是当我关闭然后打开图例时,图例组件被推出查看区域并且图表不会收缩回原来的较小尺寸。

最佳答案

这看起来很笨拙,但一个可行的解决方法是将宽度设置为 99%,高度或纵横比。
<ResponsiveContainer width="99%" aspect={3}>
看到这个问题:

https://github.com/recharts/recharts/issues/172

关于css - Recharts 响应式容器无法在 flexbox 中正确调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50891591/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com