javascript - Arbor.js 图不稳定,链接到中心节点的节点超过 30 个

标签 javascript graph-visualization arbor.js

在 Arbor.js 可视化中,有超过 30 个节点链接到父节点,父节点在集群的相对两侧之间振荡 - gif .

可通过 this repo 重现- 检查一下,启动本地服务器 (python -m SimpleHTTPServer 8080),然后将您的网络浏览器指向 localhost:8080

该图在 30 个节点时显得稳定,在 35 个节点时不稳定但仍然集中,在 40 个节点时完全不稳定。

我认为这是因为,当父节点位于集群中心之外时,所有子节点的“拉动”将其拉得很厉害,以至于在下一个“tick”时,它位于集群之外对面。我想这可以通过限制可以施加在单个节点上的总力或节点在一次滴答中可以移动的最大距离来解决 - 但我不知道该怎么做 - sys.bounds() doesn't do what I want .

最佳答案

您可以通过调整排斥力/刚度/摩擦力来解决此问题 - 在本例中最简单的是,通过将摩擦力从 0.5 增加到 0.6,您可以在中心节点周围拥有 40 个项目。

关于javascript - Arbor.js 图不稳定,链接到中心节点的节点超过 30 个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39314029/

相关文章:

javascript - 如何从 Canvas 中删除对象?

javascript - 刷新后保存当前事件选项卡

javascript - 具有展开和折叠功能的强制定向图 (d3.js)

javascript - 如何在Arbor js中鼠标悬停在节点上时显示节点的标签

javascript - 网络 worker 不在 firefox 8 中工作,在 firefox 7 中工作

javascript - 如何提取 <pre> 标签内的元素

javascript - Angular : How to make whole table row clickable within ng-repeat?

javascript - 使用图论/网络库在节点背景上绘制图标

graph - 如何以 3D 形式可视化图形/网络

jquery - 为什么程序无法读取文件 json?