Отображение изображения ожидания во время выполнения запроса jquery ajax для данных графика - PullRequest
Новая
       24

Отображение изображения ожидания во время выполнения запроса jquery ajax для данных графика

2 голосов
/ 06 июля 2011

В моем js-файле плагин flot рисует линейную диаграмму в диаграмме div: 

$.plot($("#chart"), [ oneday ]);

[oneday] вызывается другим js-файлом. 

var oneday = [[8, 5],[12, 9],[16, 1]];
var oneweek = [[1, 5],[2, 9],[3, 1],[4, 5],[5, 9],[6, 1],[7, 11]];
var onemonth = [[1, 5], [3, 8], [5, 18], [7, 10], [9, 4], [11, 2], [13, 15], [15, 9],[30, 1]];

как я могу использовать ajax для передачи значения oneday? Я хочу использовать изображение ожидания при рисовании диаграммы, начиная с начала вызова ajax и удаляя изображение после его завершения.

Спасибо!

1 Ответ

0 голосов
/ 06 июля 2011

Посмотрите на http://people.iola.dk/olau/flot/examples/ajax.html. Вы можете использовать что-то вроде 

function refreshPlot(dataurl) {
    drawLoadingImageOnPlaceholder(placeholderDiv);

    function onDataReceived(data) {
        removeLoadingImageFromPlaceholder(placeholderDiv);
        $.plot(placeholderDiv, data, plotOptions);
    }

    $.ajax({
        url: dataurl,
        method: 'GET',
        dataType: 'json',
        success: onDataReceived
    });
}

Где dataurl - это URL-адрес ваших jsonified-данных для загрузки. drawLoadingImage() и removeLoadingImage() будут показывать и скрывать наложенный 'div' с изображением-заполнителем поверх графика.

...