チャート上のツールチップが機能しない

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

異種オブジェクト（一部のブラウザではサポートされていない）を使用しない限り、SVG内にHTML要素（divなど）を使用することはできません。 rect要素を使用してツールチップを作成できます。