展开和折叠

交互式示例，演示如何导航分层数据结构。你可以单击一个节点来切换其子节点并为布局更改设置动画。

¥Interactive example to demonstrate how you can navigate hierarchical data structures. You can click on a node to toggle its child nodes and animate the layout changes.

关于此 Pro 示例

¥About this Pro Example

• 订阅后，你将可以访问此示例的两个不同版本：一个使用 d3-hierarchy ，另一个使用 dagre.js  作为布局引擎。

  ¥Once subscribed, you’ll get access to two different versions of this example: One using d3-hierarchy  and the other one using dagre.js  as a layout engine.

• 动画可以轻松关闭，并使用 d3-timer  实现

  ¥The animation can be switched off easily and is implemented using d3-timer 

• 依赖：reactflow , d3-hierarchy , d3-timer 

  ¥Dependencies: reactflow , d3-hierarchy , d3-timer