D3.js lineRadial.angle() 方法

d3.lineRadial.angle() 方法是径向线访问器方法。它设置或返回角度访问器。如果提供了角度，则它必须是一个数字或返回一个以弧度表示角度的数字的函数。

句法：

d3.lineRadial.angle( angle );

参数：

• 角度：此方法采用一个角度，该角度可以是数字或返回角度的函数。

返回值：此方法返回径向线的角度访问器。

示例 1：使用此方法设置角度。对于设置半径，我们使用了 lineRadial.radius() 方法。

HTML

  

    
    
    
    
    

  

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

  

输出：

示例 2：获取角度的函数。

HTML

  

    
    
    
    
    

  

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

  

输出：