边缘从节点到另一个边缘visjs Angular 4

时间:2018-06-22 10:20:15

标签: angular vis.js vis.js-network

我正在使用Vis.js使用Angular4绘制图形并尝试绘制边缘{ from : node , to : edge , arrows : 'to'}。分别指定nodeid和edgeid。但这并不是指向边缘。它仍然指向节点。如何使边缘指向另一个边缘? 我想要这样的东西:

1 个答案:

答案 0 :(得分:2)

您不能直接执行此操作,vis.js的模型很简单:边缘连接节点。但是,您可以创建一个像this这样的隐藏节点:

var nodes = new vis.DataSet([
     {id:1,label:"from", x:0,  y:0}
    ,{id:2,x:0,  y:100, hidden:true}
    ,{id:3,label:"intercept", x:100,y:100}
    ,{id:4,label:"to", x:0,  y:200}
]);
var edges = new vis.DataSet([
     {from:1, to:2}
    ,{from:2, to:3, arrows:"from"}
    ,{from:2, to:4, arrows:"to"}
]);

得到这个:

enter image description here