将 Kendo Ui 加载指示器与 dataviz 一起使用

Question

我在使用 Kendo UI Dataviz 时遇到了一点问题。

渲染大约需要 15-20 秒，所以我必须显示一个加载指示器。

Kendo 说要使用 kendo.ui.progress (http://docs.kendoui.com/api/web/ui)。

它适用于任何 div，但不适用于 Datawiz...我无法让它工作...它什么都不做...

这是我的代码：

<div class="chart-wrapper">
    @(Html.Kendo().Chart<SerialisableCustomer>()
        .Name("chart")
        .Title("Répartition du CA généré par les agences")
        .(dataSource =>
        {
            ....
        })
</div>
<script>
    var ajaxContainer = $("#chart");

    // show loading overlay
    kendo.ui.progress(ajaxContainer, true);

    // hide loading overlay
    //kendo.ui.progress(ajaxContainer, false);

</script>

有人有想法吗？

提前致谢

Answer 1

好吧，我发现了问题...

当我调用 kendo.ui.progress 函数时，图表的 div 尚未创建。

我不得不用 jquery 来推迟它：

$(document).ready(function () {

    var ajaxContainer = $("#chart");

    // show loading overlay
    kendo.ui.progress(ajaxContainer, true);

});