Question

我们使用flot渲染两个图，它们共享相同的x轴。我们用它们绘制它们：

plot1 = $.plot($("#placeholderGraph1"), p1_data, d1_options);
plot2 = $.plot($("#placeholderGraph2"), p2_data, d2_options);

我们需要确保在一个图表上平移和缩放也会重绘另一个图形，反之亦然。我们通过以下绑定实现这一目标：

$("#placeholderGraph1").bind("plotpan", adjustGraph1Axes);
$("#placeholderGraph2").bind("plotpan", adjustGraph2Axes);

如果我们不添加最后两个语句，则没有内存泄漏，浏览器（所有浏览器）在重绘时会丢失内存。但是通过上面的绑定，浏览器永远不会丢失内存，它会累积到数百兆字节。

除此之外，我们还会通过鼠标移动更新单个图例。

我们尝试了以下内存泄漏的方法，但都没有效果：
1.制作plot1和plot2全局变量并明确删除内容
2.删除图形div并重新创建
3.重新绑定之前明确解除绑定事件
4.在重绘之前绘制空图

关联两个图表或转储内存的其他方法吗？

Answer 1

问题可能出在Flot Plugin：jquery.flot.navigate.js。

我建议你将JQuery升级到Version-1.5以及上面提到的flot插件。

您可以访问此链接（请参阅：向右侧更改日志）：

https://code.google.com/p/flot/source/browse/trunk/jquery.flot.navigate.js?r=317

Answer 2

我可能有一个类似的问题，在概览图上同步选择并在主图中平移/缩放;我的问题是，一个绘图的事件处理程序触发了另一个绘图的事件，并且相应的事件处理程序的执行触发了第一个绘图的事件，这导致原始事件处理程序执行...导致无限循环。

换句话说，您确定问题不在于adjustGraph1Axes的执行没有触发图2的plotpan事件，导致无意中执行adjustGraph2Axes，触发图1的plotpan并导致adjustGraph1Axes执行等等？我的帖子和解决方案位于：Flot event for range updates in response to panning/zooming。

我使用了一个标志来解决两个事件处理程序之间的乒乓问题，我的解决方案是在＆lt; http://jsfiddle.net/apandit/nu2rr58h/12/＆gt;。

使用平移关联两个图形时绘制内存泄漏

2 个答案: