关于Echarts showLoading不生效的解决方案

在模拟数据使用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,在此调用就行了
    }
})
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值