javascript - 浮点图数据点数量

Question

我需要使用 x 轴选择来绘制具有缩放功能的图形，我正在使用 Flot 来绘制图形。我必须显示缩放后存在的点数。我总是得到总长度而不是缩放长度。

请帮忙

Answer 1

在“plotzoom”回调中，您可以像这样获取最小和最大 x/y 坐标(来自网站上的示例):

placeholder.bind('plotzoom', function (event, plot) {
    var axes = plot.getAxes();
    $(".message").html("Zooming to x: "  + axes.xaxis.min.toFixed(2)
                       + " – " + axes.xaxis.max.toFixed(2)
                       + " and y: " + axes.yaxis.min.toFixed(2)
                       + " – " + axes.yaxis.max.toFixed(2));
});

您可以使用这些来计算此矩形内有多少个点。

我可以建议使用 underscore.js 过滤函数来简化这个吗？

例如。

var xmin = axes.xaxis.min.toFixed(2);
var xmax = axes.xaxis.max.toFixed(2);
var ymin = axes.yaxis.min.toFixed(2);
var ymax = axes.yaxis.max.toFixed(2);

var points = [{x: 1, y:20} ..some points.. {x: 30, y: -23}];

var shownpoints = _.filter(points, function(point){ 
    return point.x > xmin && 
           point.x < xmax && 
           point.y > ymin && 
           point.y < ymax;
    }
);

这将给出一个包含 x 和 y 最大值之间的点的数组。然后您可以使用长度来获取计数!