D3.js lineRadial() 方法

d3.lineRadial()方法用于使用默认设置构造一个新的径向线生成器。然后使用径向线生成器制作径向线。

句法：

d3.lineRadial();

参数：此方法不接受任何参数。

返回值：此方法返回一个径向线生成器。

示例 1：以下示例使用此方法制作径向曲线。

HTML

  

    
    
  
    
    

  

    
        GeeksforGeeks
    
    
        
            
        
    
  
    
        var lineRadialGenerator = d3.lineRadial();
        var data = [
            [0, 10],
            [3.14 * .5, 35],
            [3.14 * .75, 55],
            [3.14, 60],
            [3.14 * 1.25, 65],
            [3.14 * 1.5, 70],
            [3.14 * 1.75, 75],
            [3.14 * 2, 80],
            [3.14 * 2.25, 85],
            [3.14 * 2.5, 90],
            [3.14 * 2.75, 95],
            [3.14 * 3, 100],
            [3.14 * 3.25, 105],
            [3.14 * 3.5, 110]];
  
        var a = lineRadialGenerator(data);
  
        d3.select("#gfg")
            .select("g")
            .append("path")
            .attr("d", a)
            .attr("fill", "none")
            .attr("stroke", "green");
    

  

输出：

示例 2：

HTML

  

    
  
    
    
    
    

  

    
        GeeksforGeeks
    
        
            
        
    
  
    
        var lineRadialGenerator = d3.lineRadial();
        var data = [
            [0, 80],
            [Math.PI * 0.25, 80],
            [Math.PI * 0.5, 80],
            [Math.PI * 0.75, 80],
            [Math.PI, 80],
            [Math.PI * 1.25, 80],
            [Math.PI * 1.5, 80],
            [Math.PI * 1.75, 80],
            [Math.PI * 2, 80]
        ];
        var a = lineRadialGenerator(data);
  
        d3.select("#gfg")
            .select("g")
            .append("path")
            .attr("d", a)
            .attr("fill", "none")
            .attr("stroke", "green");
    

  

输出：