KendoUI 图表 - 如何在加载数据时显示动画? [英] KendoUI chart - how do I show animation while loading data?

问题描述

我有一个用 JavaScript 生成的 KendoUI 图表.有没有办法用命令清除 plotArea?用于在等待 DataSource 读取远程数据时显示正在加载..."图像.

I have a KendoUI chart generated with JavaScript. Is there a way to clear the plotArea with a command? For the purpose of showing a "Loading..." image while waiting for a DataSource to read remote data.

谢谢

推荐答案

显示和隐藏加载动画是:

Displaying and hiding the loading animation is:

// Display progress
kendo.ui.progress($("#loading"), true);

// Hide progress
kendo.ui.progress($("#loading"), false);

那么你应该在 DataSource 中使用 requestStart 和 requestEnd 事件来了解何时显示或隐藏进度动画.

Then you should use requestStart and requestEnd events in the DataSource for knowing when to show or hide the progress animation.

图表的数据源为:

dataSource    : {
    transport   : {
        read: {
            url:...
        }
    },
    sort        : {
        field: "year",
        dir  : "asc"
    },
    requestStart: function () {
        kendo.ui.progress($("#loading"), true);
    },
    requestEnd  : function () {
        kendo.ui.progress($("#loading"), false);

    }
},

示例:http://jsfiddle.net/OnaBai/kcptr/

这篇关于KendoUI 图表 - 如何在加载数据时显示动画?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！