JavaScript is required

按指定层级展开树图

这个示例将固定子系统层级加载为左到右树图,并允许用户通过悬浮预设选择器切换可见展开深度。它是使用计算得到的 `node.lot.level` 配合 `updateNode()`、`doLayout()` 与视口重适配来全局重置展开状态的聚焦参考。

在 GraphPilot 中编辑

预设层级展开的从左到右树形图

此示例构建了什么

本示例构建了一个用于子系统地图的只读层级查看器。图谱以 ALTXX 为根节点,按从左到右的树形结构展开,使用带标签的曲线连线和默认的矩形节点,使整体呈现尽量贴近 relation-graph 的基础视觉风格。

用户可以通过一个小型悬浮选择器切换可见的展开深度,可以拖动或最小化辅助窗口,打开共享的画布设置浮层,并将当前图谱下载为图片。这个示例最重要的行为不是在本地分支上点击展开,而是通过一次全局重置,从某个预设层级重新定义整棵树的折叠边界。

数据是如何组织的

数据在 initializeGraph() 内以内联方式声明为一个 RGJsonData 对象。它使用 rootId: '2'、扁平的 nodes 数组,以及带有明确连线 ID 且重复使用 Subsystem 标签的扁平 lines 数组,因此层级关系是通过父子连线编码的,而不是通过嵌套的 children 字段表达。

在调用 setJsonData() 之前没有任何预处理。示例会直接加载这份数据集,然后在后续执行关键状态