如何使用d3.js放置图像和填充圆圈

Question

我有疑问，我把图像放在圆圈内，但它重复了， 我做错了什么？

container.append('svg:pattern')
            .attr("id", "img_cirle")
            .attr("width", 50)     
            .attr("height", 50)    
            .attr("patternUnits", "userSpaceOnUse")
            .append("svg:image")
            .attr("xlink:href", 'img/botonrojo.png')
            .attr("width", 50)  
            .attr("height", 50)  
            .attr("x", 0)
            .attr("y", 0);





container.append("circle")
        .attr("cx", 0)
        .attr("cy", 0)
        .attr("r", 80)
        .style({"fill":"url(#img_cirle)","cursor":"pointer"});*/