2

現在、d3.js を使用して視覚化に取り組んでいます。こちらをご覧ください。(これは、読み込みを許可する必要があるドロップボックス リンクです。)

マップ上のドットにカーソルを合わせると、重なり合うすべての要素のサイズが大きくなる関数を作成しました。

次の使用例を試してください: 1. 米国をクリックして、国にズームインします。2. New York にドラッグ アンド パンし、ドットの上にマウス ポインタを置きます。

すべてがうまくいけば、複数の同心円が内部に埋め込まれた巨大な円が表示されるはずです。それらはすべて、その特定の座標で重なっている要素です。

私が直面している問題は、SVG 要素のサイズが大きくなると、同心円の上に他の都市の点が重なるということです。

私の質問は、円をどのように作成するかです。マウスを上に置いて、SVG キャンバスの上に来て、そのようなドットが表示されないようにします。

4

2 に答える 2

2

DOM ノードを直接取得して一番上に配置することで、これを行うことができます。

this.parentNode.appendChild(this);

以下に例を示します: http://bl.ocks.org/1197731

于 2013-01-04T18:08:13.763 に答える
2

最終的な解決策は、 mouseoverに SVG 要素を追加することでした。これにより、要素が SVG キャンバスの最上部にスタックされ、mouseoutで削除されます。現在、SVG 要素に代わる z-index はありません。

于 2013-01-02T13:04:35.187 に答える