javascript - D3.js 附加 svg/dom 元素不起作用

Question

所以我试图将一个 dom 或 svg 元素附加到一个圆上(后者是为了避免异物)。我在做这个

        var tooltip  = d3.select(this).append("text")
            .attr("class", "tooltip")
            .text("HELLO")
            .attr('x', 1000)
            .attr('y', 1000);

这是圆形 svg 元素。

但是，这不起作用-

但是在网页上看不到效果。

为什么？

Answer 1

在 SVG 中，您不能将 text 元素附加到 circle 元素——规范不允许这样做。将它们附加到 g 元素或顶级 SVG，否则它们将不会显示。