工具提示在圖表上不起作用

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); 

Here is the JSFiddle.（線69）

Answer 1

不能使用HTML元素（如div）一個SVG裏面，除非你使用一個異物（不是所有的瀏覽器都支持）。您可以使用rect元素創建工具提示。