KendoUI图表 - 如何在加载数据时显示动画?

时间:2013-07-22 17:05:29

标签: kendo-ui kendo-datasource kendo-chart

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

由于

1 个答案:

答案 0 :(得分:19)

显示和隐藏加载动画:

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

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

然后,您应该使用requestStart中的requestEndDataSource个事件来了解何时显示或隐藏进度动画。

图表的数据源将是:

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/