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/