图表上的工具提示不起作用

Question

我在D3中创建了一个折线图（带有角度）并尝试实现工具提示。问题是，当我将工具提示DIV附加到指令元素时，它不起作用，而如果我将div附加到正文（我不想要），它可以正常工作：

// not working
// d3.select(element[0]).append() doesn't work either
var div = g.append("div")
  .attr("class", "tooltip")
  .style("opacity", 0);

// works fine
var div = d3.select("body").append("div")
  .attr("class", "tooltip")
  .style("opacity", 0);

（第69行）

Answer 1

除非使用外来对象（并非所有浏览器都支持），否则不能在SVG中使用HTML元素（例如div）。您可以使用rect元素创建工具提示。