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

javascript - Visjs网络地方节点固定在右下角

我想在 visjs 框架的网络插件中创建一个节点,使其固定在底部。

让它保持固定是没有问题的,但是其余的节点似乎有某种用于 x 和 y 坐标的算法。

做 a{ x: 0, y: 0 }似乎行不通,因为 x 和 y 是相对于其他节点的坐标。

0 投票
4 回答
2895 浏览

javascript - vis.js 创建多行标题

有没有办法为“vis.js”库中的节点创建多行标题?

我尝试了一个像"hello \n hi"标题这样的字符串,但这不起作用。

如果我有一个超长标题,它将被渲染为一个超长行(有或没有\n当前效果

0 投票
1 回答
1556 浏览

javascript - 使用图像和文本自定义 VisJS 方形标签

我正在为网络图测试 VisJS,我正在尝试找到一种将图像放入形状方形节点的方法。我知道可以将形状指定为,image但这只会使节点成为图像。

示例:此示例仅使用带有文本的常规节点形状,并希望在形状中添加图像。http://visjs.org/examples/network/nodeStyles/widthHeight.html

我的示例:我希望John Smith猫图像和标签位于方形节点中。 http://plnkr.co/edit/nKqOWWSu1yWxx3bPdHUw?p=preview

想知道它是否可以放在方形节点内textimage

0 投票
1 回答
797 浏览

javascript - 从查询结果中使用 vis.js

我正在使用 vis.js 来显示二叉树。我有关于数据库的所有信息,并按照我试图将其复制到我的需要而没有结果的文档。

我使用的文档是:

// 创建一个带有节点的数组 var nodes = new vis.DataSet([ {id: 1, label: 'Node 1'}, {id: 2, label: 'Node 2'}, {id: 3, label: '节点 3'}, {id: 4, label: 'Node 4'}, {id: 5, label: 'Node 5'} ]);

住所工作得很好,但是当我改变它时,它看起来像这样:

阿奎瓦拉格拉菲卡

$.ajax({ headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
url: "obtenerNodos", data: { id : '1' }, 方法: 'post', 成功: function (data) { console.log(data);//////////////////// ////////////////


当控制台向我显示“console.log(data);”时,我得到了这个:

{id: 1, label: 'Carlos Corrales'},{id: 2, label: 'Carlos Jaramillo'},{id: 3, label: 'Carlos Jaramillo Corrales'}"*"{from: 1, to: 2 },{从:1,到:3}

当控制台向我显示“console.log(nd);”时,我得到了这个:

{id:1,标签:'Carlos Corrales'},{id:2,标签:'Carlos Jaramillo'},{id:3,标签:'Carlos Jaramillo Corrales'}

我很好,但是当控制台显示“console.log(nodes);”时,我明白了:

n {_options: "{id: 1, label: 'Carlos Corrales'},{id: 2, label: '...llo'},{id: 3, label: 'Carlos Jaramillo Corrales'}", _data: {... },长度:0,_fieldId:“id”,_type:{…},…} 长度:0 _data: proto:构造函数:ƒ Object() hasOwnProperty:ƒ hasOwnProperty() isPrototypeOf:ƒ isPrototypeOf() propertyIsEnumerable:ƒ propertyIsEnumerable( ) toLocaleString : ƒ toLocaleString() toString : ƒ toString() valueOf : ƒ valueOf() defineGetter : ƒ defineGetter () defineSetter : ƒ defineSetter () lookupGetter : ƒ lookupGetter () lookupSetterlookupSetter () 获取原型:ƒproto () set proto : ƒ proto () _fieldId : "id" _options : "{id: 1, label: 'Carlos Corrales'},{id: 2, label: 'Carlos Jaramillo'},{id: 3, label : 'Carlos Jaramillo Corrales'}" _subscribers : {add: Array(1), update: Array(1), remove: Array(1)} _type : proto : Object proto : Object

所以说节点数组的长度为0。

我用来获取数据的代码是:

公共函数 obtenerNodos(请求 $request){

所以问题是数据没有进入节点和 enges 数组,这样我就无法得到图表。

在此处输入图像描述

0 投票
1 回答
355 浏览

vis.js - 有没有办法在 VIS.js 的节点之间获得动态创建的连接

我正在创建一个页面,我已经使用 vis.js 放置了所有节点。在这里,用户可以自由地在节点之间创建边。我的问题是如何获取包含带有 egde 连接的节点信息的网络的 json。

在此处输入图像描述

根据上面的屏幕我已经创建了这个 UI,现在用户可以动态添加边缘。我希望这个网络的 json 保存到数据库中。

0 投票
1 回答
211 浏览

javascript - 我们如何在网络 vis.js 中创建六边形

我正在使用网络布局,我想以六边形显示节点,为此,我在 lib/network/shapes.js 的代码片段中添加了以下内容

我也需要更新 vis.js 文件吗?

0 投票
1 回答
1281 浏览

javascript - Vis.js: how to access the network inside an event handler?

I'd like to use vis.js for displaying and editing a graph (hence storing its nodes, edges and options). To implement this, I need to save changes of the network (=graph) on various events. On of them is rearranging via drag and drop.

Now, there's an on method which supports the dragEnd event meaning I can do stuff like

However what's passed to the handler is this object:

Seems like there's no reference of the network itself. So how to access it? I'd like to define saveToTiddlerAfterDragging in another scope than network itself.

0 投票
0 回答
1503 浏览

javascript - 在 vis.js 中控制网络的边缘渲染

我正在使用 vis.js 开发控制流图可视化器。就像这里的维护者提供的示例一样。

下图显示了结果: 控制流图

我想控制绘制边缘的方式:向外箭头从底部开始,向内箭头在节点顶部结束。有没有办法在 vis.js 中有这样的行为?我也可以防止边缘穿过节点吗?

这是我的选择:

0 投票
2 回答
1381 浏览

javascript - vis.js 最小化交叉边

我是 JavaScript 新手,使用 vis.js 制作分层(“UD”)网络。我有一个问题:同一水平交叉上有许多边缘。

vis.js 中有没有办法最小化交叉边缘?在我的示例中,我有一棵简单的树,根本不应该有交叉的边缘。

即我想要类似的东西在此处输入图像描述而不是在此处输入图像描述

我的问题与层次布局中的 vis.js 级别排序有关

这是我的 vis.js 选项:

0 投票
0 回答
1596 浏览

javascript - 使用 Vis.js 可视化 Neo4j 图形

我想在我的网络界面上可视化 Neo4j 图形。所以我正在使用Netwok. Vis.js当我在这个例子中指定 JSON 文件时,它工作正常:

但是当我尝试使用此JavaScript功能检索它时:

它不起作用,因为JSON结果不一样并且不尊重vis.Network预期的结构。事实上,我用这个函数得到的结果是这样的:

因此JSON,我没有获取格式的详细信息,而是获取到节点或关系的链接。我该如何解决?