D3.js Symbols symbolSquare 属性

d3.symbolSquare属性是 D3.js 中的符号类型。它是一个 可以使用的方形符号类型。

句法：

d3.symbolSquare 

示例 1：

HTML

    
  
    
    

  

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

  

输出：

示例 2：

HTML

    
  
    
    

  

  
    
        GeeksforGeeks
    
  
    
        D3.js | symbolSquare
    
  
    
    
    
  
    
        // symbolSquare
        var sym = d3.symbol()
            .type(d3.symbolSquare).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)");
    

  

输出：