Question

在我的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调用开始时开始，并在图像完成时删除图像。

谢谢！

Answer 1

看看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是jsonified数据加载的URL。 drawLoadingImage()和removeLoadingImage()会显示并隐藏叠加的“div”，并在图表顶部显示占位符图片。

正在执行jquery ajax请求绘图数据时显示等待图像

1 个答案: