fixing wrapping issue in line legend

robertfmurdock · Dec 14, 2024 · fa41522 · fa41522
1 parent d80e72e
commit fa41522
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/client/src/jsMain/javascript/com/zegreatrob/coupling/client/CouplingResponsiveLine.jsx b/client/src/jsMain/javascript/com/zegreatrob/coupling/client/CouplingResponsiveLine.jsx
@@ -87,6 +87,9 @@ export const CouplingResponsiveLine = (props) => {
                     content={props.tooltip ? (args) => props.tooltip(args.point.data) : undefined}
                 />
                 <Legend
+                    width={'90%'}
+                    height={'7%'}
+                    wrapperStyle={{whiteSpace: 'pre-wrap'}}
                     onClick={props => handleLegendClick(props.dataKey)}
                 />
                 {lineIds.map((lineId, index) =>