javascript - D3.js:如何从图形的刷区中选择数据？

Question

我有下图，其中鼠标画笔(浅蓝色区域)用于选择数据。

如何获取所选区域的数据？以下以及我尝试过的许多其他解决方案似乎都不起作用。

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

参见 JSFIDDLE

Answer 1

您可以使用以下方法获取画笔选定的 y 轴范围:

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

要获取所选画笔区域中的数据，请执行以下操作:

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

工作代码 here

希望这对您有所帮助!