我正在使用导轨 3.2.1
我的页面分为5个部分
part-1 header
part-2 div 区域
part-3 图形部分
part-4 表格格式的数据
part-5 页脚
现在我的问题是图表需要太多时间来上传。
由于此页面需要太多时间来加载。
请告诉我任何方法,以便我的图表在最后加载但其他数据将显示。
我正在使用导轨 3.2.1
我的页面分为5个部分
part-1 header
part-2 div 区域
part-3 图形部分
part-4 表格格式的数据
part-5 页脚
现在我的问题是图表需要太多时间来上传。
由于此页面需要太多时间来加载。
请告诉我任何方法,以便我的图表在最后加载但其他数据将显示。
如果问题是图形数据下载时间过长,那么您需要通过 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)});
});
您可以做的第一件事是在条件为真时调用绘制图形的函数。例如:
(function isMyDataLoaded(){
//if the table is rendered
if($('#TableData').length==0){
setTimeout(isMyDataLoaded,100);
}else{
DrawGraphFunction();
}
})();
注意:我不知道你的逻辑,所以你可以使用其他条件。