vis.js

时间:2017-03-15 16:15:09

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

我正在使用vis.js库来绘制网络,但我需要自定义边缘的绘制方式。例如,我想绘制让我们说50%的边缘为红色而另外50%为蓝色。

有办法做到这一点吗?

2 个答案:

答案 0 :(得分:2)

您无法直接自定义边的部分,但可以使用虚拟不可见节点作为连接器创建两个不同的边(每个边都有自己的样式)。由于虚节点是不可见的,因此两条边看起来就像是同一条边的两个部分。

例如,假设您要连接两个带有半绿半红边的节点:

var nodes = new vis.DataSet([
    {id: 1, label: '1'},
    {id: 2, label: '2'},
    {id: 'dummy', hidden: true}
]);

var edges = new vis.DataSet([
    {from: 1, to: 'dummy', color:'red'},
    {from: 'dummy', to: 2, color:'green'}
]);

var graph = {nodes: nodes, edges: edges};

答案 1 :(得分:2)

终于找到了办法:

/telecommandes