JavaScript is required

整图展开/折叠回放

这是一个 relation-graph 示例,用于在固定居中层级图上回放整图展开/收缩序列。它加载一份内联 39 节点数据,自动适配视图并在挂载后自动播放展开过程,在可拖拽辅助窗中提供全局 `Expand All` 与 `Collapse All`,并继承共享画布设置与图片导出能力。

在 GraphPilot 中编辑

居中层级中的整图展开/折叠回放

这个示例构建了什么

这个示例构建了一个全高度的居中层级查看器,它会对整张图的分支可见性进行回放,而不是把展开操作留给单个节点点击。画布展示的是一个以根节点为中心、类似子系统结构图的关系图,包含橙色圆形节点、灰色直线标签连线,以及悬浮在图上方的白色辅助窗口。

用户可以回放 Expand AllCollapse All,拖动辅助窗口、将其最小化,并打开一个次级设置浮层。该浮层来自共享的本地辅助组件,提供滚轮模式、拖动画布模式和图片下载控制,但这个示例的重点是脚本化的整图回放:它会重置层级结构、按自上而下的顺序执行展开动画,并且还能基于同一份数据执行从叶子节点开始的折叠。

数据是如何组织的

数据在 initializeGraph() 内以内联方式声明为一个 RGJsonData 对象。它使用 rootId: '2',定义了 39 个硬编码节点,并通过 38 条显式连线将它们连接起来。节点记录只需要 idtext,而连线记录只需要 idfromto 以及重复出现的标签 `Subsy