DIV 要素を SVG ビューポート内に配置する

Question

HTML DIV 要素を SVG 要素に対して相対的に配置するにはどうすればよいですか?

D3 を使用して SVG チャートを生成しました:

右下隅の凡例の横にドロップダウンを追加したいと考えています。対応する要素 (通常の HTML DIV 要素) はありますが、それをチャート上に正しく配置する方法がわかりません。

SVG 要素の配置は理解しましたが、DIV 要素のようなものを適用する方法がわかりません。

(以下のように)ビューポートの外に配置する以外に何かアイデアはありますか?

Answer 1

表示CSSの場所。 SVG を保持するために、相対的に配置された DIV を作成できます。次に、select 要素を収容するために絶対位置の DIV をその上に配置できます。また、その left および top スタイルを使用して 2 番目の DIV を配置できます。どこでも好きな場所に。

すべてをまとめると:

リーリー リーリー