1. ホーム
  2. 質問と答え
  3. D3を使用して、特定の半径または他の矩形要素の距離内で最も近い矩形要素を検索する

D3を使用して、特定の半径または他の矩形要素の距離内で最も近い矩形要素を検索する

2017-06-24 10 views
0

D3を使用して、距離または指定半径内の別の矩形要素IDを使用してすべての矩形要素を取得できますか？可能であれば、誰かが同じ事例を共有することができます。以下は私のシナリオです：ここではD3を使用して、特定の半径または他の矩形要素の距離内で最も近い矩形要素を検索する

enter image description here

、MainRectを使用して、私はMainRect周りの小さなrectsのすべてのIDを取得する必要があります。

出典

2017-06-24 Nayana_Das

答えて

2

あなたは、例えば、式Math.sqrt(Math.pow(X1 - X2, 2)+ Math.pow(Y1 - Y2, 2))

Here is my fiddleによって点の間の距離を計算することができます。赤い四角の上にカーソルを置くと、円の中心にある小さな四角形が見つかります。

出典

2017-06-24 14:02:26

+0

ありがとうございました。 .attr（ 'id'、 'std' + i）のように、forループ内の小さな矩形に対して一意の「id」を追加したとします。 mouseoverイベントでこれらのIDをすべて取得するにはどうすればいいですか？ https://jsfiddle.net/tkL3dys5/2/ –

+1

私のfiddleを更新https://jsfiddle.net/tomatetz/tkL3dys5/3/関数 'return' –

+1

を変更するか、' fill'関数で直接フィルタリングした後： '.attr （ 'fill'、function（）{console.log（d3.select（this）.attr（ 'id'））; return 'green'}）; ' –

関連する問題

 関連する問題