如果宽度溢出，如何使reactjs将图例重新绘制到下一行？

Question

我在react js中的recharts.org中使用Stackedbarchart。一切都很好，但是由于项目列表太长，因此图例超出了范围。那么如何将图例分成指定宽度内的多行呢？

Answer 1

<Legend wrapperStyle={{width:510,whiteSpace:"break-spaces"}} />

我们需要在图例的wrapperStyle中添加样式。因此，如果扩展宽度，whiteSpace属性将分成多行。