jQuery Flot.js：仅获取当前可见的数据点

Question

缩放（或平移，如果您也绑定该事件）后，我需要获取当前可见的数据点。

Flot提供了一些方法，但是我无法找到当前可见的数据点。

$("#graphContainer").bind("plotzoom", function (event, plot) {
    getCurrentData(plot);
});

function getCurrentData(plot) {
    console.log(plot.getAxes());
    console.log(plot.getData());
};

通过getAxes()方法可以访问范围和当前刻度。通过getData()方法，您可以访问数组（var points = plot.getData(); => points[0].data）中的所有数据点。

我还没有找到仅在缩放后才提取可见点的方法，这就是我要尝试的方法。非常感谢您的帮助。

Answer 1

您必须自己使用array filter()函数并执行类似的操作

var plotData = plot.getData()[0];
var visiblePoints = plotData.data.filter(dp =>
    dp[0] >= plotData.xaxis.min && dp[0] <= plotData.xaxis.max &&
    dp[1] >= plotData.yaxis.min && dp[1] <= plotData.yaxis.max);