示例布局展开和折叠展开和折叠Pro交互式示例,展示如何导航分层数据结构。您可以点击节点以切换其子节点并动画化布局更改。这是一个 Pro 示例。 获取 所有 Pro 示例,来自 xyflow 团队的 1:1 支持,以及 React Flow Pro 订阅的优先级 Github 问题。查看价格计划登录关于此 Pro 示例 订阅后,您将获得此示例的两个不同版本:一个使用 d3-hierarchy,另一个使用 dagre.js 作为布局引擎。 动画可以轻松关闭,并使用 d3-timer 实现。 依赖项:reactflow,d3-hierarchy,d3-timer 功能概述暗黑模式