График KendoUI - как показать анимацию при загрузке данных?

У меня есть диаграмма KendoUI, сгенерированная с помощью JavaScript. Есть ли способ очистить plotArea командой? С целью отображения изображения "Загрузка..." в ожидании, когда DataSource будет считывать удаленные данные.

Спасибо

Ответы

Ответ 1

Отображение и скрытие анимации загрузки:

// 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/