[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:zh:expand-tree-to-selected-level":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# 预设层级展开的从左到右树形图\n\n## 此示例构建了什么\n\n本示例构建了一个用于子系统地图的只读层级查看器。图谱以 `ALTXX` 为根节点，按从左到右的树形结构展开，使用带标签的曲线连线和默认的矩形节点，使整体呈现尽量贴近 relation-graph 的基础视觉风格。\n\n用户可以通过一个小型悬浮选择器切换可见的展开深度，可以拖动或最小化辅助窗口，打开共享的画布设置浮层，并将当前图谱下载为图片。这个示例最重要的行为不是在本地分支上点击展开，而是通过一次全局重置，从某个预设层级重新定义整棵树的折叠边界。\n\n## 数据是如何组织的\n\n数据在 `initializeGraph()` 内以内联方式声明为一个 `RGJsonData` 对象。它使用 `rootId: '2'`、扁平的 `nodes` 数组，以及带有明确连线 ID 且重复使用 `Subsystem` 标签的扁平 `lines` 数组，因此层级关系是通过父子连线编码的，而不是通过嵌套的 `children` 字段表达。\n\n在调用 `setJsonData()` 之前没有任何预处理。示例会直接加载这份数据集，然后在后续执行关键状态",true,500,1782615428943]