[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:zh:custom-force-layout-concentric-rings":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# 带同心圆约束的自定义力布局\n\n## 这个示例构建了什么\n\n这个示例构建了一个全屏关系图：自定义力布局会让节点持续运动，但节点只能沿可配置的同心圆环移动。画布中央展示一个头像根节点、两个固定在第一圈上的分支根节点、带明确标签的关系连线，以及与求解器轨道规则相匹配的分层圆形背景。\n\n用户可以在图运行时重新调整节点斥力和连线弹性，拖动滑条修改圆环直径，使用内置工具栏控制实时布局，还可以打开浮动设置面板来调整画布交互并导出图片。这个示例的重点不在于带有亲属意味的样例标签，而在于它为“如何在有序的径向构图中保持力导运动可读”提供了一个具体参考。\n\n## 数据是如何组织的\n\n图数据以内联的一个 `RGJsonData` 对象声明，其中包含 `rootId`、`nodes` 和 `lines`。每个节点都会在 `data` 中携带展示和布局元数据，尤其是 `myColor`、`myLevel` 和 `limitCircular`；部分节点还会使用 `force_weight`、`fixed`、`disableDrag` 和 `disablePointEvent` 来影响求解器行为与交互。\n\n在任",true,500,1782615387437]