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