jquery - 加载其他数据后如何加载图形

Question

我正在使用导轨 3.2.1

我的页面分为5个部分

part-1 header
part-2 div 区域
part-3 图形部分
part-4 表格格式的数据
part-5 页脚

现在我的问题是图表需要太多时间来上传。
由于此页面需要太多时间来加载。

请告诉我任何方法，以便我的图表在最后加载但其他数据将显示。

Answer 1

如果问题是图形数据下载时间过长，那么您需要通过 AJAX 调用单独下载它，而不是直接将其包含在页面中。就像是：

$.getJSON("/url/to/your/data", function(data){$.jqplot('chart1', data)});

...您必须通过/url/to/your/data提供您当前嵌入页面中的相同图形数据来支持服务器。该代码将开始下载，然后将图形数据与页面的其余部分分开呈现。

如果这导致 DOM 没有完全准备好（不知道为什么会这样），那么包装你的调用，以便它只在文档完全呈现时发生：

$(function(){
    $.getJSON("/url/to/your/data", function(data){$.jqplot('chart1', data)});
});

Answer 2

您可以做的第一件事是在条件为真时调用绘制图形的函数。例如：

(function isMyDataLoaded(){

    //if the table is rendered
    if($('#TableData').length==0){
         setTimeout(isMyDataLoaded,100);    
    }else{
          DrawGraphFunction();    
    }
 })();

注意：我不知道你的逻辑，所以你可以使用其他条件。