58

グラフを作成しようとしている SVG 内に HTML div を追加しようとしています。以下のコードを使用して追加しようとしていますが、Firebug を使用して要素を検査すると、rect要素コード内に div が表示されますが、グラフ UI には表示されません。

私が試みている方法に何か問題がありますか、それとも SVG 内に div を追加することは不可能ですか?

    marker.append("rect")
   .attr("width", "50px")
   .attr("height", "50px")
   .append("div")
   .attr("id", function(d) {
      return "canvas_" + d.key.split(" ").join("_");
   })
   .style("width", "50px").style("height", "50px");
4

3 に答える 3

78

HTML を SVG に追加することはできません (技術的には で追加できますがforeignObject、これはうさぎの穴です)。さらに、SVG の可視要素はネストできないためcircle、rect、pathなどの要素は子要素を持つことができません。

于 2013-07-11T14:27:59.700 に答える
7

同じ行に「rect」と「div」を追加しようとしています。おそらくそれがあなたが失敗している場所 です

于 2013-07-11T14:24:16.463 に答える