【问题标题】:Bordered group of nodes in a network graph?网络图中有边界的节点组?
【发布时间】:2014-11-02 20:00:24
【问题描述】:

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

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

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

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

【问题讨论】:

  • 您好@Eric,您所指的VisJS 网络图只是VisJS 架构的PNG 图像。

标签: javascript graph data-visualization gojs


【解决方案1】:

我是vis网络模块的开发者。很抱歉没有早点看到这个问题,但我们的大部分沟通都是通过 GitHub 完成的。

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

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

请记住,这只是为了美观。物理引擎不会划分这些边界,因此节点可以与其他节点交互。

我们经常听到希望将 vis network 用作流编辑器的人的这种请求。尽管这不是您的问题 我想指出这不是我们设计网络的目的。不过,我们将来可能会为此提供一个模块。

【讨论】:

  • @RyanShillington 与链接中的边框不同,是否可以在节点组周围创建边框?例如,一个圆圈中的所有第 1 组节点和一个圆圈中的所有第 2 组节点。在整个团队中拥有优势是可以的。我希望生成类似desired output in the SO question I posted
  • @user5249203 我用一堆自定义代码为我们完成了这项工作。我在此 Github 增强请求中列出了如何做到这一点的总体思路,如果您阅读我的第一篇文章,然后阅读我的第二篇文章:github.com/visjs/vis-network/issues/203#issuecomment-571164712
猜你喜欢
  • 2014-11-25
  • 2012-08-21
  • 2016-05-23
  • 1970-01-01
  • 2018-07-11
  • 1970-01-01
  • 1970-01-01
  • 2010-12-09
  • 1970-01-01
相关资源
最近更新 更多