[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:zh:graph-theme-and-layout-preset-switcher":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# 在同一张图中切换主题和布局预设\n\n## 这个示例构建了什么\n\n这个示例围绕一个固定的 relation-graph 数据集，构建了一个全屏图谱展示工作台。画布初始为树形布局，随后用户可以打开调色板弹出层，应用七种项目级主题之一，或打开网络弹出层，在 center、tree、folder、circle 和 io-tree 布局预设之间切换。一个缩略图会始终显示在图谱叠层中，另有一个可拖拽的辅助窗口用于提供画布设置和图片导出功能。\n\n真正重要的结果并不是示例数据本身。重点在于：一个已经挂载的图实例在内存中保持同一组节点和连线不变，同时在运行时切换它的视觉外观、节点几何形状、连接线样式以及布局族。\n\n## 数据如何组织\n\n数据在 `initializeGraph()` 内以内联方式声明为一个符合 `RGJsonData` 形状的对象，其中包含 `rootId`、`nodes` 和 `lines`。节点使用了诸如 `g2-a`、`g2-c` 和 `g2-c1` 这样的简单 ID，连线则定义了它们之间的父子关系。这使得数据集易于阅读，同时仍然覆盖了向上和向下的分支，这对于在同一拓扑上比较不同",true,500,1782615377999]