我在 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 行)
最佳答案
您不能在 SVG 中使用 HTML 元素(例如 div
),除非您使用外部对象(并非所有浏览器都支持)。您可以使用 rect
元素创建工具提示。
关于javascript - 图表上的工具提示不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40550780/