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

Question

我在 D3 中创建了一个折线图(带 Angular )并尝试实现工具提示。问题是，当我将工具提示 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);

Here is the JSFiddle. (第 69 行)

Answer 1

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