charts - D3 SVG でグラフ ノードをブラッシングするにはどうすればよいですか?

Question

D3 では、プロットの 1 つの軸にブラシメカニズムがあります。

これで、各ノードがユーザーを表す SVG に散布図ができました。この SVG をブラッシングして、隣接するユーザーを選択したいと考えています。このような「ブラシ」操作を構築するにはどうすればよいですか?

Answer 1

2Dブラシ コンポーネントが必要ですか?

上の写真のように、ここに良い例があります。持ち帰り部分：

var brush = d3.svg.brush()
  .x(x)
  .y(y)
  .on("brushstart", brushstart)
  .on("brush", brushmove)
  .on("brushend", brushend);

ブラシ コンポーネントでxおよびセッターを水平方向と垂直方向のスケールで呼び出すと、両方の次元でサイズ変更可能になります。y

いつものように、ブラシ コンポーネントを呼び出して要素にレンダリングできます。

cell.call(brush);