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

Question

我有一个使用JavaScript生成的KendoUI图表。有没有办法用命令清除plotArea？用于在等待DataSource读取远程数据时显示“Loading ...”图像。

感谢

Answer 1

显示和隐藏加载动画：

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

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

那么你应该使用在DataSourcerequestStart和requestEnd事件知道什么时候可以显示或隐藏进度动画。

图表的数据源是：

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/