问题标签 [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.
javascript - Visjs网络地方节点固定在右下角
我想在 visjs 框架的网络插件中创建一个节点,使其固定在底部。
让它保持固定是没有问题的,但是其余的节点似乎有某种用于 x 和 y 坐标的算法。
做 a{ x: 0, y: 0 }
似乎行不通,因为 x 和 y 是相对于其他节点的坐标。
javascript - 使用图像和文本自定义 VisJS 方形标签
我正在为网络图测试 VisJS,我正在尝试找到一种将图像放入形状方形节点的方法。我知道可以将形状指定为,image
但这只会使节点成为图像。
示例:此示例仅使用带有文本的常规节点形状,并希望在形状中添加图像。http://visjs.org/examples/network/nodeStyles/widthHeight.html
我的示例:我希望John Smith
猫图像和标签位于方形节点中。
http://plnkr.co/edit/nKqOWWSu1yWxx3bPdHUw?p=preview。
想知道它是否可以放在方形节点内text
?image
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 () lookupSetter :ƒ lookupSetter () 获取原型:ƒ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 数组,这样我就无法得到图表。
javascript - 我们如何在网络 vis.js 中创建六边形
我正在使用网络布局,我想以六边形显示节点,为此,我在 lib/network/shapes.js 的代码片段中添加了以下内容
我也需要更新 vis.js 文件吗?
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.
javascript - 在 vis.js 中控制网络的边缘渲染
我正在使用 vis.js 开发控制流图可视化器。就像这里的维护者提供的示例一样。
我想控制绘制边缘的方式:向外箭头从底部开始,向内箭头在节点顶部结束。有没有办法在 vis.js 中有这样的行为?我也可以防止边缘穿过节点吗?
这是我的选择:
javascript - vis.js 最小化交叉边
我是 JavaScript 新手,使用 vis.js 制作分层(“UD”)网络。我有一个问题:同一水平交叉上有许多边缘。
vis.js 中有没有办法最小化交叉边缘?在我的示例中,我有一棵简单的树,根本不应该有交叉的边缘。
我的问题与层次布局中的 vis.js 级别排序有关
这是我的 vis.js 选项:
javascript - 使用 Vis.js 可视化 Neo4j 图形
我想在我的网络界面上可视化 Neo4j 图形。所以我正在使用Netwok
. Vis.js
当我在这个例子中指定 JSON 文件时,它工作正常:
但是当我尝试使用此JavaScript
功能检索它时:
它不起作用,因为JSON
结果不一样并且不尊重vis.Network
预期的结构。事实上,我用这个函数得到的结果是这样的:
因此JSON
,我没有获取格式的详细信息,而是获取到节点或关系的链接。我该如何解决?