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

javascript - 无法修复 vis.js 中两个节点的位置

我正在尝试修复两个节点的位置。它们应该在彼此之上,在 y 维度上相距 400px。

但是,位置不固定,到处游荡。这是对应的fiddle

有任何想法吗?

0 投票
1 回答
1412 浏览

vis.js - vis.js 网络操作:将节点标签拆分到不同的行

我正在使用 vis.4.18.1。我有一个交互式图表,可以通过使用和
在地图上单击来添加或编辑节点。 如何在多行上设置节点标签? 我正在使用弹出表单收集标签数据。 我知道这可以在使用换行符创建地图时导入初始图表数据时完成,但这不能交互地工作并且节点标签看起来像: 'John Smith\nDate ofbirth'。 我也尝试将节点字体设置为 multi 并使用 html br 但这也不起作用。addNode()editNode()




0 投票
1 回答
724 浏览

javascript - vis.js beforeAddNode 处理程序

我正在向我的网络动态添加节点和边缘。在添加它们之前,我想确保它们尚未出现在数据集中。我不确定manipulation是这样,当我添加节点/边缘时,我看不到 console.logs。 http://visjs.org/docs/network/manipulation.html

0 投票
1 回答
792 浏览

javascript - 有没有办法从 vis.js 中选择一个节点来打开模式?

单击我使用 vis.js 制作的网络地图中的节点时,我正在尝试打开模式

我不确定将 data-target 标记放置在哪里,但我不确定这是否是问题所在,下面是我编写的用于处理单击操作以及模态的 JS

目前,数据目标是在网络地图生成后放置的 div 标签中声明的(我知道这是错误的)

JS 是在 PHP 中生成的,因此 PHP var 被扔在那里

点击操作 -

模态-

提前致谢!

0 投票
1 回答
1188 浏览

javascript - 基于组改变物理 - visjs

我想让我的图表中的某些节点组的行为与其他节点不同。
例如,我有一个名为“属性”的组,我将其动态添加到图表中。我需要更改该组的重力常数或权重,以便它们更接近父节点,然后是其余节点。

例子

我希望这个例子有助于可视化问题。(由于敏感信息不得不涂黑标签)

我将如何在 vis.js 中实现这一点?

0 投票
1 回答
199 浏览

vis.js - 执行 stable() 后减少树间距的方法?

我正在开发一个小型模拟程序,并使用 vis.js 创建分层树。当我这样做时,它们分散得很远。使用 myNetwork.stabilize() 可以解决此问题,但树之间的间距保持不变,并且在我使用 stable() 后调整 treeSpacing 将不起作用。我添加了截图来说明我的意思,因为我很难描述它。

图片没有 myNetwork.stabilize()

图片与 myNetwork.stabilize()

我想要稳定的树木,每棵树之间的间隙更短。

编辑:

在 Jason B 的帮助下解决了这个问题。在我启动树之后,我使用以下代码来获得我想要的东西。

0 投票
1 回答
2272 浏览

javascript - 如何更改 vis.js 中的导航按钮颜色

我用 vis.js 创建了一个自定义网络,并将其设置为具有红色边缘和蓝色节点。我添加了 vis.js 下载附带的 css/network/images/....png 文件夹,其中包含导航按钮。

但是,这些默认情况下是绿色的。我尝试通过 vis.css 文件使用background-color: black;和更改它们color: black。当我为 做第一个时background-color,它确实在导航按钮后面添加了一个黑色圆圈,但它仍然是绿色的。

我怎样才能解决这个问题?它在他们的网站上说,导航按钮可以通过重载 css 来完全自定义,但似乎并非如此。任何指示或帮助将不胜感激,谢谢。

0 投票
2 回答
3534 浏览

javascript - Vis.js 网络:如何获取数据和选项以进行保存?

我的目的是使用 vis.js 创建简单的图形编辑器,我考虑的第一个功能是手动定位节点并保存它。但是,与设置选项不同,似乎不存在获取所有选项的直接方法。是否有任何合理的方法来获取它们(除了尝试使用dragEnd听起来太脆弱的事件来跟踪所有更改)?

事实上,我正在寻找一种方法来提取数据(节点/边缘及其设置)和选项,以便一旦使用这些选项渲染网络,它看起来与保存的内容相同(或至少相似)。

0 投票
3 回答
5910 浏览

javascript - 为什么我的节点悬停弹出窗口在我的 vis.js 网络中不起作用?

我遇到了一个问题,尽管在我的节点对象中包含“title”属性,但当我将鼠标悬停在节点上时,没有显示包含我的标题内容的弹出窗口。

这是我的选项以及我如何设置网络。

当我将一个节点添加到我的网络节点列表中时,这是我的结构:

我运行代码的环境使得很难现场提供这个问题的示例。网络中的其他所有内容都可以正常工作(标签、ID、颜色),当我将鼠标悬停在节点上时,标题就不行了。

编辑

我从弹出窗口工作的 vis.js复制了此示例中的代码。

我尝试在我的环境中只使用它;但是,弹出窗口不像示例中那样显示。我知道我的悬停事件有效,因为当我将鼠标悬停在节点上时,我包含了此代码以打印到控制台:

我在这里缺少一些选项设置吗?尽管在我的节点对象中包含“标题”属性,但为什么我的悬停弹出窗口不显示,是否还有其他问题?

0 投票
1 回答
350 浏览

javascript - VisJS:改善动态节点的渲染时间(5 到 5000 个节点)

当用户双击任何现有节点时,我需要显示动态节点(5 到 5000)。

当子节点数量超过 100 时,我的网络需要更多时间来稳定。我不确定我将为该选定节点获得多少子节点。所以,我不能使用storeposition().

有人可以建议我如何预先计算节点位置或其他可以改善渲染时间的想法吗?

请在下面找到我的配置和代码示例

Plunker:将动态加载 5000 个节点的示例应用程序

谢谢