Javascript 获取笔刷内路径的d值

Javascript 获取笔刷内路径的d值,javascript,path,d3.js,Javascript,Path,D3.js,我在玩下面的例子,我把它做成了一个单线图。 在本例中,当您在小图表上画笔时,主图表将缩放这些点。我想要这种行为,并希望每隔几秒钟填充这些数据点。阻塞点是如何从路径中选择这些点,以便填充它们 我有画笔的开始和结束索引 startIndex = brush.extent()[0]; endIndex = brush.extent()[1] 现在我想选择这些范围下的路径。有人能帮我吗 笔刷的范围为您提供所需的内容。您可以使用它过滤您拥有的数据,然后对指定选择的子集进行操作: var sel = e

我在玩下面的例子,我把它做成了一个单线图。

在本例中,当您在小图表上画笔时,主图表将缩放这些点。我想要这种行为,并希望每隔几秒钟填充这些数据点。阻塞点是如何从路径中选择这些点,以便填充它们

我有画笔的开始和结束索引

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

现在我想选择这些范围下的路径。有人能帮我吗

笔刷的范围为您提供所需的内容。您可以使用它过滤您拥有的数据,然后对指定选择的子集进行操作:

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

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

其中元素包含要对其进行操作的DOM元素的选择,并具有相应的数据绑定。

这将是代码中调用的x轴值。d、 Uhrzeit在您链接到的示例中。我只是这样做了,但我说了选择。attrfill,grey,选择是我的数据值,没有attr选项。对不起,这里应该更精确一些-数据指的是DOM元素。我会更新答案的。我想我知道了。。main.selectline0.dataselection.attrfill,红色;但有一种非常奇怪的行为,一旦我填充路径点并移动画笔,整个图表就会消失: