javascript - Vis.js:减少多个中心节点的布局噪音(径向力)

Question

我正在使用 vis.js 来显示一些图表。问题是具有多个中心节点的布局会变得嘈杂(中心节点的邻居重叠)。类似于附图的布局是理想的。 是否可以使用 vis.js 来实现这一点？

Answer 1

看起来有一个选项可以解决您的问题(就像我之前建议的那样，我在使用 physicsConfiguration 后发现了它):

物理有 avoidOverlap 属性(在 0 和 1 之间 float )，可以像这样使用:

var options = {
  ...
  physics: {
    barnesHut: {
      avoidOverlap: 0.5
    },
    ...
  }
}

如果您在配置演示中尝试，您会发现，当 avoidOverlap 等于 0 时，很可能会拖动和移动节点，使这些节点重叠边缘和网络保持在该位置:

但是一旦我们增加这个值，节点就会开始从边缘反弹并且不能真正停留在那个位置:

但请注意，此选项不会阻止边缘交叉，只会阻止边缘节点重叠(请参阅 physics/barnesHut/avoidOverlap)。物理文档页面根本不包含“交叉”一词，每次出现“重叠”都是关于边缘节点的事情。

因此，这将使布局噪音较小，但不会消除交叉边缘。