D3.js：如何从图形的拉丝区域中选择数据？ [英] D3.js: How to select data from graph's brushed area?

问题描述

我有下面的图形，其中鼠标笔（浅蓝色区域）用于选择数据。

I have the following graph where mouse brush (light blue area) is used to select the data.

如何从所选区域获取数据？
我试过的以下和许多其他解决方案似乎不工作。

How can I get the data from the selected area? The following and many other solutions I've tried does not seem to work.

brush.on('brush', function(d){  
    console.log(d);
});

查看 JSFIDDLE

推荐答案

您可以使用以下命令获取画刷选择的y轴范围：

You can get the brush's selected y axis extent using:

brush.on('brush', function(d){  
    k = brush.extent();
    console.log(k);
});

要获取所选刷子区域中的数据，请执行以下操作：

To get the data with in the selected brush area do:

k = brush.extent();
j = data.filter(function(d){
    return k[0] <= d.date && k[1] >=d.date;
});
console.log(j)//this is the selected dataset

工作代码此处

希望这有助于！

这篇关于D3.js：如何从图形的拉丝区域中选择数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！