charts - 如何刷 D3 SVG 中的图表节点？

Question

在 D3 中，我们在绘图的一个轴上设置了画笔机制。

现在我在 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);