自定义力学布局同心圆轨道
这个示例挂载自定义 `RGLayouts.ForceLayout` 子类,在力学规则驱动关系节点运动的同时,将其约束在可配置的同心圆轨道上。悬浮控制面板可实时调整斥力、连线弹性、环半径、画布行为和图片导出。
带同心圆约束的自定义力布局
这个示例构建了什么
这个示例构建了一个全屏关系图:自定义力布局会让节点持续运动,但节点只能沿可配置的同心圆环移动。画布中央展示一个头像根节点、两个固定在第一圈上的分支根节点、带明确标签的关系连线,以及与求解器轨道规则相匹配的分层圆形背景。
用户可以在图运行时重新调整节点斥力和连线弹性,拖动滑条修改圆环直径,使用内置工具栏控制实时布局,还可以打开浮动设置面板来调整画布交互并导出图片。这个示例的重点不在于带有亲属意味的样例标签,而在于它为“如何在有序的径向构图中保持力导运动可读”提供了一个具体参考。
数据是如何组织的
图数据以内联的一个 RGJsonData 对象声明,其中包含 rootId、nodes 和 lines。每个节点都会在 data 中携带展示和布局元数据,尤其是 myColor、myLevel 和 limitCircular;部分节点还会使用 force_weight、fixed、disableDrag 和 disablePointEvent 来影响求解器行为与交互。
在任