Javascript 在d3力有向图中使用曲线

Javascript 在d3力有向图中使用曲线,javascript,svg,d3.js,force-layout,Javascript,Svg,D3.js,Force Layout,我想通过D3Force布局可视化一些数据 但是,连接节点的链接是直线。但是数据 可能有多条边连接两个节点。所以直线在 “强制布局”无法正确显示所有选项。我试图附加 链接的路径,而不是行。但它不起作用。我不知道 不管是因为我用错了方法还是因为我使用了武力 布局不接受路径作为链接。使用svg:path代替行 var viz = d3.select("body") .insert("svg:svg", "h2") .attr("width", "100%") .attr("he

我想通过D3Force布局可视化一些数据

但是,连接节点的链接是直线。但是数据 可能有多条边连接两个节点。所以直线在 “强制布局”无法正确显示所有选项。我试图附加 链接的路径,而不是行。但它不起作用。我不知道 不管是因为我用错了方法还是因为我使用了武力
布局不接受路径作为链接。

使用svg:path代替行

var viz = d3.select("body")
    .insert("svg:svg", "h2")
    .attr("width", "100%")
    .attr("height", "100%")
。 . . . . . .


这里的目标节点,在“svg:path”的“d”属性中指定的曲线,而标记结束属性是箭头

的一个简化示例,显示了您尝试的代码和结果(可能通过或)这将大大有助于让人们帮助你。有一个来自的链接示例。我有一个类似的要求。请看我的问题。
    .append("svg:path")
    .attr("d", "M0,-5L10,0L0,5");

var path = svg.selectAll("path").data(force.links()).enter()
                .append("svg:path").attr("source", function(d) {
                    return d.source.id;
                }).attr("target", function(d) {
                    return d.target.id;
                }).attr("class", "link").attr('marker-end', 'url(#head)');