D3.js Symbol symbolCircle 属性

d3.symbolCircle是 D3.js 中的符号类型。是可以使用的普通圆，也是默认的符号类型。

句法：

d3.symbolCircle

示例 1：

HTML

    
  
    
    

  

  
    
        GeeksforGeeks
    
  
    
        D3.js | symbolCircle
    
  
    
    
    
  
       
   
        // Circle Symbol
        var sym = d3.symbol()
            .type(d3.symbolCircle).size(500);
        d3.select("#gfg")
            .append("path")
            .attr("d", sym)
            .attr("fill", "green")
            .attr("transform", "translate(50,50)");
    

  

输出：

示例 2：

HTML

    
  
    
    

  

  
    
        GeeksforGeeks
    
  
    
        D3.js | symbolCircle
    
  
    
    
    
  
    
        // Circle Symbol
        var sym = d3.symbol()
            .type(d3.symbolCircle).size(500);
        d3.select("#gfg")
            .append("path")
            .attr("d", sym)
            .attr("fill", "none")
            .attr("stroke","green")
            .attr("stroke-width","5px")
            .attr("transform", "translate(50,50)");
    

  

输出：