将剑道 UI 加载指示器与数据可视化一起使用

Question

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

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

剑道说要使用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);
});