1. 程式人生 > >echarts圖表showLoading遮蓋層顯示問題

echarts圖表showLoading遮蓋層顯示問題

在ajax請求資料之前呼叫mycharts.showLoading()顯示緩衝遮蓋層,但是每次總是在圖表載入完成後才顯示出緩衝遮蓋層導致看不到遮蓋層的效果。出現這種原因是因為把ajax設定為同步請求資料,修改為非同步請求資料就OK了。

整體架構如下:

function(){

mycharts.showLoading();

$.ajax({

url :'',

type : '',

//async : true 必須為true

dataType : '',

success : success,

error : function(){

mycharts.hideLoading();

}

});

}

function success(data){

//後續處理資料及圖表資料拼裝

mycharts.hideLoading();

}