将完成的绘图事件附着到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作为包装器，但您也可以使用显式调用的自定义函数。