vis.js-network相关内容
首先请参考this 问题(已解决). 继续那个问题,我想在同一个页面和同一个JS函数中使用selectNode或selectEdge函数,但是该函数无法点击,为什么会发生这种情况?如果我不使用以前的功能,selectNode 或 selectEdge 也可以使用. 这里,有人知道如何在点击 selectNode 或 selectEdge 函数之前清除/删除/刷新以前的函数吗? 这里是
..
我正在尝试在点击时为灰色节点复制 vis.js 库中的脚本,它成功了,但这实际上是针对 shape 类型的.但我的情况是我使用 image 类型.发生的事情是图像没有改变.如何为我的案例实现以下代码(使用图像). 假设我有 2 张图像(Image_A 和 Image_B),Image_A 是默认的彩色图像,Image_B 是灰色图像.所以当点击特定节点时,该节点将使用Image_A,其他为I
..
示例 以下是在网络上选择多个节点的画布绘制的jQuery示例: http://jsfiddle.net/kbj54bas/ (或 Github ) 如何将其转换为React? 沙盒 我设置了反应图相对于(源),并将引用添加到图表: https://codesandbox.io/s/5m2vv1yo04 尝试 使用' $ b上的React.createRe
..
我遇到一个问题,尽管在节点对象中包含'title'属性,但是当我将鼠标悬停在节点上时,没有显示带有标题内容的弹出窗口. 这是我的选择以及如何设置网络. setUpNetwork(){ let container = document.getElementById('mynetwork'); //These options dictate the dynamic of t
..
我想使用vis.js来显示和编辑图形(因此存储了它的节点,边和选项).为了实现这一点,我需要保存网络(=图形)在各种事件上的更改.其中的一个是通过拖放来重新排列. 现在,有一个on方法支持dragEnd事件,这意味着我可以做类似的事情 network.on("dragEnd",saveToTiddlerAfterDragging); 传递给处理程序的内容是该对象: { n
..
我正在尝试在SVG中制作2个html对象,并在Vis.js图形中进一步使用它们.我的第一个svg(按钮)按预期工作并且看起来不错.我的问题是,当我尝试插入表格div时,宽度/高度不是我设置的宽度/高度. 这就是我得到的: 您可以看到,即使红色框的宽度和高度较大(1000px x 800px与220px x 68px),按钮也比红色框大! 这是我的JavaScript: //
..
我可以通过在节点1205上单击以下内容来在vis.js中显示图形的一部分,但无法弄清楚如何使扩展的部分在同一节点上的第二次单击中消失? var nodes = new vis.DataSet([ {id: 2696, label: "l"}, {id: 1205, label: "l"}, {id: 2697, label: "l"} ]); var edges
..
我正在尝试绘制一个相当大的网络(即〜1k节点和〜 1k边缘)与vis.js 4.21.0.这是我的选项对象: var options = { autoResize: true, height: '400px', clickToUse: false, layout: { hierarchical: { direction:
..
我已经使用vis.js实现了一个简单的网络.这是我的代码: //create an array of nodes var nodes = [ { id: "1", label: "item1" }, { id: "2", label: "item2" }, { id: "3
..
我正在使用vis.js在网页上创建网络图. 我需要以JSON格式将操作图存储到数据库中,然后从网络图中导出json. 我没有找到任何有关它的文档,是否可以将带有操纵数据的vis.js网络导出进行存储(以JSON或可转换为JSON的形式)? 解决方案 对于数据,这是我提取其内容进行存储的方法(我将尝试切断与代码无关的代码位).问题): // get nodes and ed
..
我有一个相当简单的节点层次结构,但是当vis.js绘制它们时,每个级别上的节点顺序都没有多大意义-交叉边缘很多(截图:我希望获得与此处给出的布局相似的布局: 预期的布局 我的vis.js选项如下; { "layout": { "hierarchical": { "direction": "LR", "sortMet
..
我有一个使用vis.js构建的网络,但是宽度太大,无法容纳在页面容器中.网络从左到右运行,并包含有关特定过程的步骤.当一个人完成任务时,服务器将提供新的JSON记录以更新颜色. 由于布局原因,我无法更改容器的大小.当网络加载时,它会导致字体变得难以置信且很小.有没有一种方法可以将缩放级别设置为一个选项,以便仅显示该过程中的当前步骤? function draw() { test =
..
我的意图是使用vis.js创建简单的图形编辑器,而我正在考虑的第一个功能是手动放置节点并保存.但是,与设置选项不同的是,直接获取所有事实上,我正在寻找一种提取数据(节点/边线及其设置)和选项的方法,以便一旦使用这些选项渲染网络,它看起来就与之相同(或至少相似).已保存. 解决方案 Vis.js提供了还有具有基本编辑器功能的示例,例如添加/删除节点和边缘
..
我正在尝试在VisJs中编写可视化管道.所以我有一个图和一些节点.节点可以生成/使用一些不同的数据类型.所以我需要这样的东西 ------------------ | Node1 | ------------------ int char | | | | | | |
..
我正在研究一个基于vis.js的简单网络可视化示例.我有5个节点和6个边缘,它们存储在JSON文件中.边缘不显示,而在vis.js主页上给出的示例中显示.代码: HTML文件: Cryring Topology
..
Vis.js提供了一个工具栏,可通过单击工具栏上的按钮来添加节点和边. 我想要一种方法,这样我就可以在拖放节点上彼此添加边. 我已经搜索过,但是没有找到任何实际的示例,这些示例如何在不使用工具栏的情况下单击一个节点并在另一个节点上拖动以在它们之间创建边缘而创建边缘,它们提供了谢谢 解决方案 只需使用: network.addEdgeMode(); 请参见punker中的示例:
..
我正在尝试绘制vis.js网络图,并且可以加载和定位节点。然后,我希望禁用物理,以便用户可以移动节点。我试过这个但是没有用。 var options = { nodes:{ borderWidth:4, 尺寸:60, 颜色:{ border:'#222222', background:'grey' }, font:{color:'black'} }, edges:{ a
..
我有节点和边缘的网络图,并希望在点击后获取节点数据。我目前有 var network = new vis.Network(container,data,options); network.on('click',function(properties){ console.log('clicked node'+ properties.nodes); }); 但这只是给
..
我是JavaScript新手,并使用vis.js创建分层(“UD”)网络。我有一个问题:同一级别上的许多边交叉。 vis.js中是否有一种方法可以最小化交叉边缘?在我的例子中,我有一个简单的树,根本不应该有交叉边。 I.e。我想要像 而不是
..
如何在vis.js中设置节点的位置? 我想最初手动定位至少一个节点。 我知道节点有 x 和 y 选项。我设置了两个,并尝试了布局选项的变体( randomSeed , ImprovedLayout ,分层),节点是从未放置在我设置的地方。 这是我定义的简单网络: nodes = new vis.DataSet([ {id:1,shape:'circularImage',
..