D3 - 添加一個原始符號

Question

我有一個D3的代碼。

我想添加一個svg符號「原樣」！到D3 svg。

我不想使用D3動態創建符號，我有我們的設計師已經制作的符號，我想用它！

這是我的jsfiddle：https://jsfiddle.net/omriman12/8786e8zq/1/

在撥弄我有我的D3容器pie_chart_wrapper，我想符號md_file添加到D3 SVG

Answer 1

只是以前definded符號添加到您的SVG：

svg.append("g") 
    .attr("transform","translate(0,0)") 
    .attr("class","mySymbol") 
    .append("use") 
    .attr("xlink:href","#md_file") 

Here the working code

追加use喲後你可以調整他們的屬性，如下所示：

svg.append("g") 
    .attr("transform","translate(0,0)") 
    .attr("class","mySymbol") 
    .append("use") 
    .attr("width",20) 
    .attr("heigth", 20) 
    .style("fill", "red") 
     . 
     . 
     . 
    .attr("xlink:href","#md_file")