javascript - 使用平移关联两个图形时出现内存泄漏

Question

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

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

我们需要确保平移和缩放一张图时也会重绘另一张图，反之亦然。我们通过以下绑定(bind)实现这一点:

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

如果我们不添加这最后两个语句，则不会发生内存泄漏，并且浏览器(所有浏览器)在重绘时都会丢弃内存。但是通过上述绑定(bind)，浏览器永远不会丢弃内存，它会堆积到数百兆字节。

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

我们尝试了以下解决内存泄漏的方法，但都没有用:
1. 制作plot1和plot2全局变量并显式删除内容
2.删除图表div并重新创建
3.在重新绑定(bind)之前显式解除绑定(bind)事件
4.重绘前绘制空图

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

Answer 1

问题可能与 Flot 插件有关:jquery.flot.navigate.js。

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

您可能想访问此链接(请参阅:右侧的 ChangeLog):

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