d3js追加div

Question

我试图在节点旁边添加一些弹出消息,但它看起来像其他任何东西然后文本svg和图像不能显示附加.

  node.append("text")
      .attr("dx", 16)
      .attr("dy", ".0em")
      .text(function(d) { return d.name });

工作并添加文本,但我试图添加一个div,它不可见,node.append("div").这里有什么我想念的吗？我怎样才能轻松获得节点的位置,以便我可以将属性传递给另一个元素.

Answer 1

您不能将HTML元素放在SVG中的任何位置,您需要将它们包含在foreignObject元素中,请参见此处.如果将text元素和foreignObjectSVG组(g元素)中的元素括起来并在其上设置位置,则它们都应显示在同一位置,而无需在两者上设置相同的位置.