Как заставить reactjs переписывать легенды на следующую строку в случае переполнения ширины?

Question

Я использую Stackedbarchart в recharts.org для реакции js. Все идет хорошо, но из-за длинного списка предметов легенды выходят из ширины. Итак, как разбить легенды на несколько строк в пределах указанной ширины?

Answer 1

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

нам нужно добавить наш стиль в wrapperStyle в легенду. поэтому свойство whiteSpace будет разбито на несколько строк при увеличении ширины.