浮點圖數據點的數量

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 &ý格言之間在點陣列。然後你可以用長度來計數！