浮点图数据点的数量

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 &ý格言之间在点阵列。然后你可以用长度来计数！