问题标签 [vis.js-network]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
19718 浏览

javascript - 在 Vis.js 中设置缩放级别

我有一个使用 vis.js 构建的网络,但它的宽度太大,无法放入页面的容器中。网络从左到右运行,并包含有关特定过程的步骤。当一个人完成任务时,服务器会提供新的 JSON 记录以更新颜色。

由于布局,我无法更改容器大小。当网络加载时,它会导致字体非常小且难以阅读。有没有办法可以将缩放级别设置为选项,以便仅显示过程中的当前步骤?

0 投票
1 回答
6348 浏览

javascript - vis.js 图表即使在数小时后也不稳定

我有一个大约 1000 个节点的网络。我已经设置stabilize:truezoomExtentOnStabilize: true. 正在通过JSON使用vis.network.gephiParser.parseGephi()功能添加节点。当我试图绘制这张图时,即使闲置了几个小时,它也永远不会稳定下来。但随后少量节点会在合理的时间内稳定下来。我在这里想念什么。有什么办法可以稳定大图。我什至尝试将迭代次数设置为稳定到 1000 甚至更高。在此先感谢您的帮助。

PS:节点的坐标不能从 JSON 中获得。图表根据用户输入重新绘制。

编辑 1:正在绘制的 JSON 数据可在http://pastebin.com/raw.php?i=Mzy4ncxw获得。CORS由于错误,我无法在 jsbin 制作可重现的示例。
JavaScript 代码是:

0 投票
3 回答
5671 浏览

javascript - 如何使用angularjs在visjs中添加放大缩小按钮?

在使用 angularjs 在vi​​sjs 网络图中放大和缩小按钮时需要帮助,我找不到任何相关选项。请帮忙,我还提供了一个plunker 链接作为示例

代码

0 投票
1 回答
9488 浏览

javascript - vis.js - 适合屏幕上的一组节点

我在 vis.js 中有一个包含许多节点的网络图。选择某个组时,我想平移和缩放图形,以便该组的所有节点都适合屏幕。

我正在遍历图中的每个节点并为我感兴趣的所有节点计算一个边界框,然后我使用该moveTo方法将图形移动并缩放到该边界框的中心。伪代码:

问题:我如何计算比例,即我用什么替换??? 在上面的伪代码中?

0 投票
3 回答
13990 浏览

javascript - 节点加载后停止 vis.js 物理,但允许可拖动节点

我正在尝试绘制 vis.js 网络图并让 vis 加载和定位节点。然后我希望禁用物理,以便用户可以移动节点。我已经尝试过了,但它不起作用。

有人做过吗?如果是这样,您能否提供有关实现此目的的最佳方法的示例或建议。我也阅读了位于此处的解释,但对 java 不太熟悉,我无法弄清楚这些步骤。

谢谢

0 投票
3 回答
24967 浏览

javascript - vis.js - 手动放置节点

如何在 vis.js 中设置节点的位置?

我想最初手动定位至少一个节点。

我知道一个节点有选项xy。我设置了两者,还尝试了布局选项的变体(randomSeedimprovedLayouthierarchical),该节点从未放置在我设置的位置。

这是我定义的简单网络:

节点被放置,但不是在我设置的点(200,100),而是在另一个位置。

我还没有找到在 vis.js 页面上显式设置节点位置的示例。有人可以提供一个吗?谢谢!

0 投票
2 回答
5428 浏览

javascript - 有什么方法可以强制所有带有标签的 Visjs 节点大小相同?

我一直在尝试使用 Visjs.org 库来使用网络布局构建图形的可视化表示。我想创建一个图形,其中节点内的标签(我使用圆圈作为节点)所有节点的大小相同。

我可以让图表出现,标签确实在节点内。但是,节点总是缩放到标签文本的大小。所以更长的标签=更大的节点。

这不是我想要的用户,这似乎暗示了对更大节点的一些意想不到的重要性。我尝试过使用缩放选项,但无济于事。我可以通过将标签放在节点之外来解决问题,但这不是我想要的。

我想做的是强制所有节点的大小相同,并且标签仍然在节点内。我附上了我的示例程序。

0 投票
2 回答
2215 浏览

javascript - vis.js 简单示例:边缘不显示

我正在研究一个基于 vis.js 的简单网络可视化示例。我有 5 个节点和 6 个边存储在 JSON 文件中。边缘不显示,而它们在 vis.js 主页上给出的示例中显示。代码:

HTML 文件:

JSON 文件:

JAVASCRIPT 文件:

在浏览器中输出: 在此处输入图像描述

如果你能提示我我做错了什么,我会很高兴。

0 投票
3 回答
2556 浏览

javascript - 如何增加 Vis.js 网络图节点中的标签填充?

使用Vis.js创建网络图时,网络中的节点使用标签绘制——对于我的用例——没有足够的“填充”,即节点标签文本和边界之间没有足够的空间节点。下图说明了它:

在此处输入图像描述

考虑到 Vis.js 中已经有大量可用的配置选项,我认为增加标签填充会很简单,但对于我的生活,无法弄清楚如何去做。浏览了官方文档,并通过 StackOverflow 和 Google 进行了搜索,但没有找到任何提示。感觉好像我遗漏了一些明显的东西 - 任何人都可以阐明一下吗?...

0 投票
4 回答
10997 浏览

vis.js - 连接节点与其他边或节点重叠

我正在使用 vis.js 显示节点,并非所有节点都相互连接,但它们如图所示重叠,有没有办法避免这种情况,我通过配置选项但无法寻找。

在此处输入图像描述