D3.js line() 方法

d3.line() 方法用于构造具有默认设置的新行生成器。然后使用线生成器来制作线。

句法：

d3.line();

参数：此方法不带参数。

返回值：此方法返回一个行生成器。

示例 1：使用此方法制作一条简单的线条。

  Line in D3.js



  

path {
    fill: none;
    stroke: green;
}

  

    GeeksforGeeks
  
    
    
  

  
        // Making a line Generator
        var Gen = d3.line();
        var points = [
            [0, 100],
            [500, 100]
             
        ];
  
        var pathOfLine = Gen(points);
  
        d3.select('path')
            .attr('d', pathOfLine);
  

输出：

示例 2：制作多连接线。

  Line in D3.js



  

path {
    fill: none;
    stroke: green;
}

  

    GeeksforGeeks
  
    
    
  

  
        // Making a line Generator
        var Gen = d3.line();
        var points = [
            [0, 100],
            [500, 100],
            [200, 200],
            [500, 200]
             
        ];
  
        var pathOfLine = Gen(points);
  
        d3.select('path')
            .attr('d', pathOfLine);
  

输出：