web-dev-qa-db-ja.com

KendoUIチャート-データの読み込み中にアニメーションを表示するにはどうすればよいですか？

JavaScriptで生成されたKendoUIチャートがあります。コマンドでplotAreaをクリアする方法はありますか？データソースがリモートデータを読み取るのを待っている間に「Loading ...」画像を表示するため。

ありがとう

kendo-uikendo-datasourcekendo-chart
11
Katya S

読み込み中のアニメーションの表示と非表示は次のとおりです。

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

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

次に、進行状況アニメーションをいつ表示または非表示にするかを知るために、requestStartのrequestEndおよびDataSourceイベントを使用する必要があります。

チャートのデータソースは次のようになります。

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/

19
OnaBai