javascript - Flot:缩放动态图

Question

我遇到了一个问题，当我尝试放大不断更新的图形的某个区域时，plotselected 事件会多次触发，而不是一次。我已经显着降低了附加的 jsfiddle 中的更新速率，这样您就不会被显示已触发的多个 plotselected 事件的警报消息所淹没。如果刷新率更快，您可能会遇到 50 多条这样的消息。无论如何，有没有办法只为选择区域后创建的链中的最后一个事件触发事件处理程序？有问题的可疑代码(这在静态模式下工作正常):

$("#overview").on("plotselected",  function (event, ranges) {
    alert(ranges.xaxis.from+','+ranges.xaxis.to);
    plot.setSelection({
        xaxis: {from:ranges.xaxis.from,to:ranges.xaxis.to}
    });
}); 

完整的 jsfiddle 示例:http://jsfiddle.net/grkblood13/6TG5a/

Answer 1

每次调用 plotData 时，您都将 plotselected 事件处理程序附加到绘图 div。这些是累积的!

因此，只需删除该函数外的 $("#overview").on("plotselected" 调用即可。

已更新 fiddle .