定时切换力学参数的力导向图
这个示例构建了一个全屏力导查看器:加载大型内联分支数据后先缩小视图,然后每 3 秒切换一次力学系数,让簇结构持续重组。它使用 relation-graph 内置力引擎以及 `setJsonData(...)`、`setZoom(30)`、`updateOptions(...)`,而非控制面板或自定义节点渲染。
全屏图谱中的定时驱动力布局振荡
这个示例构建了什么
这个示例构建了一个自动运行的全屏图谱查看器。画布展示了一张大型分叉网络:半透明白色圆节点通过半透明直线边相连,整体放置在绿色渐变背景上。
图谱在挂载时会自行初始化,立即缩放到 30,随后由于每三秒切换一次力布局系数而持续改变形态。这里没有自定义控制面板,也没有编辑工作流。这个示例的核心是演示如何在不重新加载数据的情况下,让一个运行中的 relation-graph 实例持续产生环境式动态效果。
数据是如何组织的
数据集以内联方式声明在 initializeGraph() 内部的一个 RGJsonData 对象中。它使用 rootId: 'a',包含 103 个节点和 102 条连线,并从一个根节点向四个大型分支(b、c、d 和 e)展开,每个分支下还有更深层的子节点组。
在调用 setJsonData(...) 之前,只有一个预处理步骤:为每条连线映射生成按顺序递增的 id,即 line_${index}。这个示例不会预先计算坐标,不会附加每节点样式,也不会从外部