javascript - 如何查找 d3 中给定范围内的数据点数量

Question

我正在尝试查找系列中位于给定范围 (xMin,yMin) 到 (xMax, yMax) 内的数据点数量。举个例子，如果我的系列线图看起来像 (1,1) (2,2) (4,4) (6,7) (9,10) 我的范围是从 (3,3) 到 (8,8) code>，那么 2 点满足我正在寻找的标准，它们是 => (4,4) (6,7)

(我试图解决的实际问题是，如果我有一个矩形来缩放系列图，那么如果缩放矩形至少捕获原始系列中的 N 个数据点，则允许缩放)

在 d3 中有一个简单的方法可以做到这一点吗？

谢谢

Answer 1

仅使用 JavaScript，这相当简单:

var data = [[1,1],[2,2],[4,4],[6,7],[9,10]];

function filterData(minArr, maxArr) {
  return data.filter(function(d) {
    return d[0] >= minArr[0] &&
           d[0] <= maxArr[0] &&
           d[1] >= minArr[1] &&
           d[1] <= maxArr[1];
  });
}

console.log(filterData([3,3], [8,8]))  //[[4,4],[6,7]]