当在Recharts中使用<ResponsiveContainer>
时,它会呈现类似填充的空白,这些空白出现在图表内部。
此问题可在此处重现:https://codesandbox.io/s/ykq2q0z871
[请注意<ResponsiveContainer>
的红色边框和<LineChart>
的蓝色边框之间的空间。]
我如何删除它,使折线图呈现从边缘到边缘的红色框?
当在Recharts中使用<ResponsiveContainer>
时,它会呈现类似填充的空白,这些空白出现在图表内部。
此问题可在此处重现:https://codesandbox.io/s/ykq2q0z871
[请注意<ResponsiveContainer>
的红色边框和<LineChart>
的蓝色边框之间的空间。]
我如何删除它,使折线图呈现从边缘到边缘的红色框?
1条答案
按热度按时间uemypmqf1#
recharts
上的所有图表类型都有一个margin
属性,默认为:{ top: 5, left: 5, right: 5, bottom: 5 }
只需将修改后的prop添加到
<LineChart />
中即可解决此问题:这是分叉的codesandbox。