在画笔中获取路径的d值

Question

我正在玩下面的例子，我已经把它变成了一个折线图。 http://bl.ocks.org/gniemetz/4618602

在您在迷你图表上刷的示例中，主图表会针对这些点进行缩放。我想要这种行为，并希望在几秒钟的间隔内填充这些数据点。阻塞点是如何从Path中选择这些点以便我可以填充它们。

我刷了开始和结束索引

startIndex = brush.extent()[0]; endIndex = brush.extent()[1]

现在我想选择这些范围内的路径。谁能帮我这个 ？

Answer 1

画笔的范围可以满足您的需求。您可以使用它来过滤您拥有的数据，然后对指定选择的子集进行操作：

var sel = elements.filter(function(d) {
  return d.value >= brush.extent()[0] && d.value <= brush.extent()[1];
});

sel.attr("stroke", "purple");

其中elements包含您要操作的DOM元素的选择，并且绑定了相应的数据。