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();

}