svg - 如何在D3.js的强制布局中实现 "flying Arcs"作为链接

Question

请建议如何在d3.JS的力布局中实现飞弧。 如图

Answer 1

做这样的事情 http://fiddle.jshell.net/cyril123/ov1bjrq9/4/

这个想法是在两个节点之间建立曲线路径。 制作曲线(或路径的d属性)的机制

位于tick函数内: 请随意根据您的选择进行更改。

link.attr("d", 
    function(d){
     var s=d.source; 
     var t = d.target;
     return lineFunction([
     {x:s.x, y: s.y},//start point of curve
     {x:(s.x+t.x)/2, y: (s.y+t.y)/2+30}, //middle point of curve
     {x:s.x, y: t.y} ////end point of curve
    ])
    }
);