将外部加载的svg定位在D3中

Question

我已使用d3

将外部svg图像加载到我的可视化中

var foo = d3.xml("foo.svg", "image/svg+xml", function(xml) {
  document.body.appendChild(xml.documentElement);
})

我似乎无法弄清楚的一件事是我如何定位这个SVG。例如，我正在尝试做这样的事情：

foo.attr("x", 10)
   .attr("y", 10)

这不起作用。如何使用D3操作外部加载的SVG文件的位置？

Answer 1

确保foo是d3选择，因为attr是d3选择的方法，而不是SVG DOM元素。