D3.js Symbols symbolDiamond 属性

d3.symbolDiamond属性是 D3.js 中的符号类型。它是可以使用的菱形符号类型。

句法：

d3.symbolDiamond

示例 1：

HTML

    
  
    
    

  

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

  

输出：

示例 2：

HTML

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

输出：