vis.js-network相关内容

如何清除/重置/刷新 selectNode 或 selectEdge 的 vis.js 函数?

首先请参考this 问题(已解决). 继续那个问题,我想在同一个页面和同一个JS函数中使用selectNode或selectEdge函数,但是该函数无法点击,为什么会发生这种情况?如果我不使用以前的功能,selectNode 或 selectEdge 也可以使用. 这里,有人知道如何在点击 selectNode 或 selectEdge 函数之前清除/删除/刷新以前的函数吗? 这里是 ..
发布时间:2021-10-26 17:19:04 其他开发

单击节点时如何更改vis.js中的节点图像?

我正在尝试在点击时为灰色节点复制 vis.js 库中的脚本,它成功了,但这实际上是针对 shape 类型的.但我的情况是我使用 image 类型.发生的事情是图像没有改变.如何为我的案例实现以下代码(使用图像). 假设我有 2 张图像(Image_A 和 Image_B),Image_A 是默认的彩色图像,Image_B 是灰色图像.所以当点击特定节点时,该节点将使用Image_A,其他为I ..
发布时间:2021-10-26 17:17:07 其他开发

Vis.js:如何在事件处理程序中访问网络?

我想使用vis.js来显示和编辑图形(因此存储了它的节点,边和选项).为了实现这一点,我需要保存网络(=图形)在各种事件上的更改.其中的一个是通过拖放来重新排列. 现在,有一个on方法支持dragEnd事件,这意味着我可以做类似的事情 network.on("dragEnd",saveToTiddlerAfterDragging); 传递给处理程序的内容是该对象: { n ..
发布时间:2020-07-13 23:26:17 前端开发

SVG异物大小调整不一致

我正在尝试在SVG中制作2个html对象,并在Vis.js图形中进一步使用它们.我的第一个svg(按钮)按预期工作并且看起来不错.我的问题是,当我尝试插入表格div时,宽度/高度不是我设置的宽度/高度. 这就是我得到的: 您可以看到,即使红色框的宽度和高度较大(1000px x 800px与220px x 68px),按钮也比红色框大! 这是我的JavaScript: // ..
发布时间:2020-07-13 23:25:52 其他开发

VISJS:将操作数据保存到json

我正在使用vis.js在网页上创建网络图. 我需要以JSON格式将操作图存储到数据库中,然后从网络图中导出json. 我没有找到任何有关它的文档,是否可以将带有操纵数据的vis.js网络导出进行存储(以JSON或可转换为JSON的形式)? 解决方案 对于数据,这是我提取其内容进行存储的方法(我将尝试切断与代码无关的代码位).问题): // get nodes and ed ..
发布时间:2020-07-13 23:19:24 前端开发

vis.js分层布局中的级别排序

我有一个相当简单的节点层次结构,但是当vis.js绘制它们时,每个级别上的节点顺序都没有多大意义-交叉边缘很多(截图:我希望获得与此处给出的布局相似的布局: 预期的布局 我的vis.js选项如下; { "layout": { "hierarchical": { "direction": "LR", "sortMet ..
发布时间:2020-07-13 23:19:13 前端开发

在Vis.js中设置缩放级别

我有一个使用vis.js构建的网络,但是宽度太大,无法容纳在页面容器中.网络从左到右运行,并包含有关特定过程的步骤.当一个人完成任务时,服务器将提供新的JSON记录以更新颜色. 由于布局原因,我无法更改容器的大小.当网络加载时,它会导致字体变得难以置信且很小.有没有一种方法可以将缩放级别设置为一个选项,以便仅显示该过程中的当前步骤? function draw() { test = ..

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

我的意图是使用vis.js创建简单的图形编辑器,而我正在考虑的第一个功能是手动放置节点并保存.但是,与设置选项不同的是,直接获取所有事实上,我正在寻找一种提取数据(节点/边线及其设置)和选项的方法,以便一旦使用这些选项渲染网络,它看起来就与之相同(或至少相似).已保存. 解决方案 Vis.js提供了还有具有基本编辑器功能的示例,例如添加/删除节点和边缘 ..
发布时间:2020-07-13 23:18:58 前端开发

在不使用工具栏visJ的情况下添加Edge

Vis.js提供了一个工具栏,可通过单击工具栏上的按钮来添加节点和边. 我想要一种方法,这样我就可以在拖放节点上彼此添加边. 我已经搜索过,但是没有找到任何实际的示例,这些示例如何在不使用工具栏的情况下单击一个节点并在另一个节点上拖动以在它们之间创建边缘而创建边缘,它们提供了谢谢 解决方案 只需使用: network.addEdgeMode(); 请参见punker中的示例: ..
发布时间:2019-11-15 15:56:30 前端开发

vis.js最小化交叉边缘

我是JavaScript新手,并使用vis.js创建分层(“UD”)网络。我有一个问题:同一级别上的许多边交叉。 vis.js中是否有一种方法可以最小化交叉边缘?在我的例子中,我有一个简单的树,根本不应该有交叉边。 I.e。我想要像 而不是 ..
发布时间:2019-05-24 20:00:21 前端开发

vis.js - 手动放置节点

如何在vis.js中设置节点的位置? 我想最初手动定位至少一个节点。 我知道节点有 x 和 y 选项。我设置了两个,并尝试了布局选项的变体( randomSeed , ImprovedLayout ,分层),节点是从未放置在我设置的地方。 这是我定义的简单网络: nodes = new vis.DataSet([ {id:1,shape:'circularImage', ..
发布时间:2019-05-24 19:28:19 前端开发