你如何阻止节点在 vis js 网络图中摆动到位？答案

【问题标题】：How do you stop the nodes from wobbling into place in a vis js network graph?你如何阻止节点在 vis js 网络图中摆动到位？
【发布时间】：2022-09-23 04:10:44
【问题描述】：

当网络图通常使用 vis js 网络进行渲染时，当您有很多节点时，节点会疯狂地四处移动，然后再固定到位并静止。是否有设置来阻止这种情况发生，并且仅在所有物理发生后才渲染节点的最终位置？

标签： javascript reactjs networking graph vis.js

【解决方案1】：

这个选项被命名为stabilization，这些选项可以在https://visjs.github.io/vis-network/docs/network/physics.html的文档中看到。启用后，您可以根据复杂性配置iterations，或将其保留为默认值 1000。

var options = {
  physics: {
    stabilization: {
      enabled: true,
      iterations: 100
    }
  }
};

最好的可见网络示例是“加载条”示例here (jsfiddle)，它具有稳定性并使用stabilizationProgress 事件来更新加载条。有一个加载栏可以防止在节点稳定时显示空白画布。

【讨论】：

尝试启用稳定并将迭代次数增加到 3000 次，但动画仍然存在，是否有任何更新的解决方案来解决这个问题？
@TheViralGriffin 您能否发布复制您遇到的问题的示例代码？我会尝试调整文档here 中详细介绍的各种物理选项，或者根据文档here 尝试改进的布局。可以组合各种选项以减少稳定时间。

【解决方案2】：

您可以简单地禁用正在渲染的图形上的物理。在the documentation 中有解释。选项如下所示：

const options = {
  physics: {
    enabled: false
  }
}

希望这对你有用

【讨论】：