如何在D3 SVG中刷图表节点?

时间:2013-08-15 02:59:30

标签: charts d3.js selection

在D3中,我们在一个图的轴上有brush机制。

现在我在SVG中有一个散点图,每个节点都代表一个用户。我想刷这个SVG来选择相邻的用户。我怎么能建立这样一个"刷"操作

1 个答案:

答案 0 :(得分:2)

所以你想要一个2D brush component

enter image description here

Here's a good example,如上图所示。带回家的部分:

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

使用水平和垂直scales调用画笔组件上的xy设置器,可以在两个维度上调整其大小。

像往常一样,您可以call the brush component将其呈现为元素:

cell.call(brush);