javascript - 网络图中的边界节点组？

Question

我正在尝试使用 Vis JS 库实现网络图，并希望实现逻辑组(框)内的一组节点。 VisJS 允许对节点进行分组，但没有以我正在寻找的可视化方式实现。

另一个完美执行此操作的库是 GoJS:http://gojs.net/latest/samples/basic.html来自 VisJS 的另一个示例显示了我想要实现的网络图，但文档中没有示例:http://visjs.org/docs/img/vis_overview.png

我想将节点放入更大的盒子中以表示节点组。

对于实现这个有什么想法或建议吗？

Answer 1

我是vis网络模块的开发者。很抱歉没有及早发现这个问题，但我们的大部分交流都是通过 GitHub 完成的。

从好的方面来说，自 v4 发布以来，我们支持渲染事件。您可以使用它们在 Canvas 上绘制任何您想要的内容，包括节点组后面的边框。看看这个例子:

https://visjs.github.io/vis-network/examples/network/events/renderEvents.html

请记住，这只是美学上的。物理引擎不会划分这些边界，因此节点可能会与其他节点交互。

我们经常听到想使用 vis network 作为流程编辑器的人提出这样的要求。尽管这不是您的问题，但我想指出这不是我们设计网络的目的。不过，我们将来可能会有一个模块。