问题标签 [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 回答
1021 浏览

javascript - vis.js - 如何在运行时调整节点大小

我想在运行时调整 vis.js 网络的节点大小。我的目标是创建一个滑块控件来展开所有节点(一个标签)或折叠它们。

首先,我尝试操纵 Scaling 值。

但是没有结果。

我的第二个想法是操纵每个节点的值。

但这也不起作用。

有谁知道如何在运行时调整节点大小?

0 投票
1 回答
115 浏览

javascript - 带有描述的网络 Vis.js 节点

我正在使用 vis.js 绘制图形(节点 + 边),我想在每个节点(图片)下方添加一些描述。可能吗?

在此处输入图像描述

0 投票
1 回答
1665 浏览

vis.js - 更改组选项中节点的颜色(vis.js)

是否可以在组中设置与节点中相同的颜色选项?icon.color仅在作品中将颜色作为字符串传递。但我也想设置悬停突出显示颜色。

我尝试了以下方法:

我也试过这个:

两种尝试都不会导致所需的解决方案。该文档指出,所有有意义的节点选项也可以在中工作。颜色中没有意义吗?

0 投票
1 回答
833 浏览

vis.js - Vis.js:边添加后留在 addEdgeMode / Event

添加边缘后,我想留addEdgeModevis.js中。有没有办法做到这一点?

我的想法是addEdgeMode在添加边缘后再次启用。添加边缘是否触发了事件?我知道有addEdge操纵的选择。但是,这是在插入之前触发的。

0 投票
0 回答
274 浏览

javascript - vis.js - 更短的边缘长度以获得更高的边缘值?

我正在尝试使用 vis.js 来生成图形可视化。对于图中的每条边,我都有一个数字来描述两个节点之间的连接强度。我想渲染 vis.js 图,使具有更强关系(更高边缘值)的节点更靠近(边缘长度更短)。

我已经将关系强度(一个整数)设置为每个边缘的“值”属性,但这似乎只会使边缘线对于更高的值稍微粗一些。

我应该看哪些选项?我不确定这是否应该是 vis 基于物理的稳定性的功能。

谢谢你的建议!

0 投票
2 回答
1904 浏览

javascript - Vis.js 增加字图的默认缩放级别(网络模块)

我正在开发一个使用 Vis.js 创建单词图的网页。但问题是,使用默认缩放级别,很难看到以下文字: 在此处输入图像描述 但是如果我增加缩放级别,那么一切正常: 在此处输入图像描述 所以我真的想增加默认缩放级别,这样用户就不会必须放大单词图。请帮助我,非常感谢:这是代码:(我也在网上发布了一个演示:http ://word-graph-example.co.nf/index.html )

使用选项的代码:

请帮助我,非常感谢你:)

0 投票
2 回答
5089 浏览

vis.js - 如何避免网络图节点重叠?

我正在使用 Visjs 并显示带有文本的矩形节点。一些节点可以有几行文本,所以我添加了一个启发式算法来粗略地计算出换行符的位置,以避免在非常宽但非常短的节点中出现非常宽的单行文本块。

问题是,即使打开了物理,我仍然会得到重叠的节点。

是否可以告诉布局引擎,在任何情况下(或物理模型),任何两个节点都不应该重叠?

0 投票
0 回答
286 浏览

javascript - Vis.js:如何在不使用闭包的情况下访问 addNode 助手内部的网络?

与vis.js中的事件处理程序不同manipulation帮助程序(addNode等)不提供对network或其 DOM 容器本身的引用。有没有一种方法可以访问其中一个 ifaddNodenetwork本身应该在不同的范围内定义,以便不能使用闭包?

语境。我正在使用 vis.js 在 TiddlyWiki Classic 中实现一个简单的图形编辑器。奇怪的是一次可以显示多个网络,并且生成它们的 ID,因此它们不会发生冲突,并且用户不必手动设置它们。另一方面,允许用户设置任意操作处理程序是可取的,通常需要获取具有“未知”=随机 id 的网络容器(它可以从网络本身获得network.body.container,但我未能进入network内部addNode)。

PS 我想知道如何修补 vis.js 本身,因为thisinsideaddNode等于似乎完全没用的manipulation属性。options看起来在ManipulationSystem.js调用this.options.addNode应该使用call: 而不是

(第 1156 行)应该是

PPS 在考虑提出分叉/拉取请求时,我发现很清楚将这个上下文添加到addNode(line 1156), addEdge(line 1186), editEdge(1220) 但不是editNode. 它在哪里?

0 投票
0 回答
1170 浏览

javascript - vis.js 在 4.21 层次图中的交叉边

问题:在切换到新的(4.21)版本的 vis.js(从 4.18 开始)后,我的图表全乱了。

编辑:更改发生在版本 4.19.1 和 4.20 之间。我想这与4.20 版本中引入的网络多次更改有关。

我正在免费建立一个家庭。我花了一些时间得到一个漂亮的图表。然后我发现有新版本的 vis.js 可用。一旦我决定使用它,我的图表的边缘就开始交叉。

这是我使用 4.18.1 的漂亮图表: 在此处输入图像描述

如果我更改为 4.21.0,会发生以下情况: 在此处输入图像描述

我做错了什么?如何解决这个问题?相同的数据,相同的代码。唯一的区别是:

代替

这是4.18.1 fiddle4.21.0 fiddle

以及下面的 4.21.0 参考的完整代码:

0 投票
1 回答
2965 浏览

javascript - 在 Vis.js 中访问节点标签参数值

我正在尝试访问 vis.js 数据集中的节点标签参数值。我知道我可以nodeIdvar nodeId = params.nodes[0];

如何访问 Node id=2 的 Label 参数的值?