KendoUI 차트 - 데이터를로드하는 동안 애니메이션을 표시하려면 어떻게해야합니까?

Question

JavaScript로 생성 된 KendoUI 차트가 있습니다. 명령으로 플롯 영역을 지울 수 있습니까? DataSource가 원격 데이터를 읽길 기다리는 동안 "Loading ..."이미지를 표시 할 목적으로. 표시 및 로딩 애니메이션을 숨기고

덕분에

Answer 1

입니다 :

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

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

그런 다음 표시하거나 진행 애니메이션을 숨길 때 알고에 대한 DataSource에서 requestStart 및 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/