D3.js arc.endAngle()函数

D3.js库的arc.endAngle()函数用于设置圆弧的结束角度。此函数将结束角度设置为函数或整数。

句法：

arc.endAngle([angle]);

参数：此函数接受如上所述和下文所述的单个参数。

• 角度：这需要一个与弧的结束角度相对应的数字。

返回值：此函数不返回任何内容。

下面给出了上面给出的函数的几个例子。

示例 1：

HTML

 
 
     
         
                
        
         
        
    
     
        
            
                
                    GeeksforGeeks
                 
                
                    arc.endAngle()
                 
            
            
            
        
         
        var svg = d3.select("svg")
            .append("g")
            .attr("transform", "translate(120, 100)");
  
        // An arc will be produced
        var arc = d3.arc()
            .outerRadius(80)
            .innerRadius(90)
            .startAngle(0)
        // Use of arc.endAngle() Function    
            .endAngle(2*2);
  
        svg.append("path")
            .attr("class", "arc")
            .attr("d", arc);
  
        let p = document.querySelector(".arc");
        p.style.fill="green";
         
     

输出：

示例 2：

HTML

 
 
     
         
                 
        
         
        
    
     
        
            
                
                    GeeksforGeeks
                 
                
                    arc.endAngle()
                 
            
            
            
        
         
        var svg = d3.select("svg")
            .append("g")
            .attr("transform", "translate(150, 100)");
  
        // An arc will be produced
        var arc = d3.arc()
            .outerRadius(-1)
            .innerRadius(90)
            .startAngle(0)
        // Use of arc.endAngle() Function    
            .endAngle(2*2.5);
  
        svg.append("path")
            .attr("class", "arc")
            .attr("d", arc);
  
        let p = document.querySelector(".arc");
        p.style.fill="green";
         
     

输出：