网络图中的节点边框分组?

18

我正在尝试使用Vis JS库实现网络图,并希望实现一个逻辑组(框)内的节点组。VisJS允许对节点进行分组,但不是我想要的可视化方式。

另一个完美实现这一点的库是GoJS:http://gojs.net/latest/samples/basic.html。 VisJS的另一个示例展示了我想要实现的网络图,但文档中没有示例:http://visjs.org/docs/img/vis_overview.png

我希望将节点放置在较大的框中,以表示节点组。

有什么想法或建议可以实现这个功能吗?


你好 @Eric, 你提到的 VisJS 网络图只是 VisJS 架构的 PNG 图像。 - yaronyogev
1个回答

6

我是vis网络模块的开发者。很抱歉我们没有及时发现这个问题,但我们大部分的沟通都是通过GitHub进行的。

好消息是,自v4版本发布以来,我们支持渲染事件。您可以使用这些事件在画布上绘制任何您想要的内容,包括节点组后面的边框。请查看以下示例:

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

请注意,这仅仅是美观而已。物理引擎不会将这些边界分隔开,因此节点可能会与其他节点产生交互。

我们经常听到人们想将vis网络用作流程编辑器的请求。尽管这不是您的问题,但我想指出,这不是我们设计网络的目的。不过,将来我们可能会有一个模块来实现这一点。


@RyanShillington,与链接中的边框不同,是否可以在节点组周围创建边框?例如,将所有第一组节点放在一个圆圈中,将所有第二组节点放在另一个圆圈中。跨组之间可以有边缘。我希望生成类似于我发布在SO问题中的期望输出的内容。 - user5249203
1
@user5249203,我使用了一堆自定义代码让这个工作起来了。如果你阅读了我的第一篇帖子和第二篇帖子,我在这个Github增强请求中概述了如何实现它的一般思路:https://github.com/visjs/vis-network/issues/203#issuecomment-571164712 - Ryan Shillington

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接