在模拟数据使用echarts的时候,添加showLoading能够正常的显示,但是当使用ajax的时候发现showLoading不生效,造成的原因是因为我们在ajax请求的时候设置的sync为FALSE,这样的话echarts等到数据的时候才会去加载,因此不会显示加载动画。
但是有人会有这样的疑问,设置sync为true的时候,ajax确实去请求数据了,但是没等到数据返回函数已经执行完毕了,没有数据的option加载出来造成空的图表。其实解决方案很简单,我们可以把整个option和setOption这些全部封装成函数,在ajax返回success的时候去执行,在此之前全部执行加载动画就行了。
$.ajax({
url:"",
type:"",
dataType:"",
args:{},
success:function(data){
optiongFucntion();//在这个函数里面执行option的赋值和option的set,在此调用就行了
}
})