Question

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

请帮助

Answer 1

在你的“plotzoom”回调中，你可以得到min＆amp;最大x / y协调回来（从网站上的例子）：

placeholder.bind('plotzoom', function (event, plot) {
    var axes = plot.getAxes();
    $(".message").html("Zooming to x: "  + axes.xaxis.min.toFixed(2)
                       + " &ndash; " + axes.xaxis.max.toFixed(2)
                       + " and y: " + axes.yaxis.min.toFixed(2)
                       + " &ndash; " + 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和amp之间的点数。你的格言。然后你可以使用长度来计算！

Flot Graph数据点数

1 个答案: