d3.js - 在 D3 气泡图中的每个气泡上叠加一张图像

Question

我目前正在处理 D3 中的运动气泡图： http: //bost.ocks.org/mike/nations/：

我想在每个气泡上叠加一个图像，所以我添加了代码：

var dot = svg.append("g")
    .attr("class", "dots")
    .selectAll(".dot")
    .data(interpolateData(formatDate(format, minDate)))
   .enter()
    .append("circle")
    .attr("class", "dot")
    .style("fill","none")
    .call(position)
    .sort(order);

dot.append("image")
    .attr("xlink:href", "https://github.com/favicon.ico")
    .attr("width", 16)
    .attr("height", 16)
.call(position);

但它不会起作用。非常感谢任何帮助。