D3 - Fügen Sie ein rohes Symbol

Question

Ich habe einen D3 Code.

Ich möchte ein SVG-Symbol "wie es ist" hinzufügen! an die D3 svg.

Ich möchte nicht das Symbol dynamisch mit D3 erstellen, ich habe die Symbole bereits von unserem Designer gemacht und ich möchte es so verwenden wie es ist!

Das ist mein jsfiddle: https://jsfiddle.net/omriman12/8786e8zq/1/

In der Geige ich meine d3 Container pie_chart_wrapper haben, und ich möchte das Symbol md_file zum d3 svg

Answer 1

Gerade vorherigen definded Symbol zu Ihrem SVG hinzufügen hinzuzufügen:

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

Here the working code

Nach anfügen use yo Sie können ihre Attribute wie folgt optimieren:

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")