JavaScript is required

力导向布局性能模式压测实验

这个示例展示全屏 relation-graph 力导布局压测场,可从 100 到 10000 节点/边生成合成数据,保持 `performanceMode` 开启,并提供 6 个实时力系数滑块及连续/固定布局切换。它同时启用自定义头像节点插槽、可拖拽工具窗、小地图和共享画布设置,用于评估更丰富渲染在高负载力导场景下的表现。

在 GraphPilot 中编辑

带实时运行时控制的力导布局性能压力实验室

这个示例构建了什么

这个示例围绕 relation-graph 内置的 force 布局,构建了一个全屏的力导布局压力测试游乐场。画布会渲染一个由圆形头像节点和带颜色的标题胶囊组成的密集网络,同时提供一个可拖拽的悬浮控制窗口,以及右下角用于总览导航的缩略图。用户可以在六组图规模预设之间切换,在图持续运行时调节六个力导系数,并选择求解器是持续运行,还是在固定迭代次数后停止。

这个示例的核心目的是观察 relation-graph 在更重的合成力导布局负载下的表现,同时保持更丰富的基于 slot 的节点渲染器处于启用状态。它是一个用于规模与调参的实验室,而不是面向特定领域的查看器,也不是编辑示例。

数据是如何组织的

这个示例从一个本地 RGJsonData 种子开始,定义在 [example-data.ts](/Users/gaokui/WebstormProjects/relation-graph-site-react/src/v3-examples/force-layout-performance-mode