将完成的绘图事件附加到Flotr或Flotr2

Question

我正在使用Flotr2库：https://github.com/HumbleSoftware/Flotr2

我一直在到处搜索，只是想了解如何添加回调或事件处理程序，当Flotr图实际完成绘制时，它会被触发。

我的图形可以用中小型数据绘制，但当我使用较大的数据集时，绘制图形需要更长的时间。当它试图绘制时，图形容器是空白的，所以我想在它试图绘制的时候显示一个加载微调器，并在图形实际完成绘制时隐藏这个微调器。

所以我的问题是，如何知道图形何时真正完成绘制？

有人能告诉我正确的方向吗？或者提供一些代码示例。任何帮助都将不胜感激。

谢谢你，

Answer 1

您可以将对Flotr.draw的调用封装在另一个函数中，只需将微调器代码放入调用函数中即可。

window.onload = function() {
    // show the spinner here
    Flotr.draw(
        document.getElementById("chart"),
        data,
        options
    );
    // hide the spinner here
}

我使用了windows.onload作为包装器，但您也可以使用显式调用的自定义函数。