diff --git a/insights-ui/src/app/investment-sectors/InvestmentSectors.tsx b/insights-ui/src/app/investment-sectors/InvestmentSectors.tsx index 278483b7a..9b2d9b68a 100644 --- a/insights-ui/src/app/investment-sectors/InvestmentSectors.tsx +++ b/insights-ui/src/app/investment-sectors/InvestmentSectors.tsx @@ -19,6 +19,7 @@ interface TreeGraphNode { name: string; attributes?: { id: string }; children?: TreeGraphNode[]; + isExpanded?: boolean; } const convertToTreeRecursive = (node: Node): TreeGraphNode => { @@ -45,7 +46,10 @@ export default function InvestmentSectors() { collapsible zoomable nodeSize={{ x: 300, y: 200 }} + depthFactor={500} separation={{ siblings: 1, nonSiblings: 1 }} + initialDepth={1} + shouldCollapseNeighborNodes={true} renderCustomNodeElement={({ nodeDatum, toggleNode }) => (