D3.js linkVertical() 方法

d3.linkVertical () 方法返回一个带有垂直切线的新链接生成器。它通常在根位于左/右边缘且孩子向右/向左移动时使用。

句法：

var link = d3.linkVertical()
    .x(function(d) { return d.x; })
    .y(function(d) { return d.y; });

参数：此函数不带任何参数。

返回值：此方法返回一个新的链接生成器。

例子：

HTML

    
 
    
    

 

 
    
        GeeksforGeeks
    
 
    
        D3.js | link.vertical() Method
    
 
    
    
    
 
    
        var data = [
            {source: [100,25], target: [175,175]},
            {source: [100,25], target: [25,175]}];
       
        // Vertical link generator
        var link = d3.linkVertical()
                .source(function(d) {
                    return [d.source[1], d.source[0]];
                })
                .target(function(d) {
                    return [d.target[1], d.target[0]];
                });
       
        // Adding the link paths
        d3.select("#gfg")
            .selectAll("path")
            .data(data)
            .join("path")
            .attr("d", link)
            .classed("link", true);  
    

 

输出：