javascript - 使用 D3 无法显示 SVG 异物

Question

我正在使用 D3 渲染一个简单的网络图。在每个节点中，我想显示使用该外来对象的 html 内容。外部对象里面有 html。网络正在渲染。但我无法查看 html 内容有人知道为什么它不渲染 html 吗？

我正在使用下面的代码。

  dom.svg.selectAll('.node').append("foreignObject")
    .attr("width", 100)
    .attr("height", 100)
  .append("xhtml:body").append("xhtml:p")
    .style("color", "red")
.text("Object in SVG");

这是fiddle

Answer 1

您无法将 foreignObjects(或实际上任何东西)附加到 circle 元素。相反，请将它们附加到容器元素，例如 gs。已修复here .