当前位置:首页 > 未分类

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

admin7个月前 (03-23)未分类51643
在模拟数据使用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,在此调用就行了
    }
})


原文链接:https://blog.csdn.net/trnanan/article/details/78959268

扫描二维码推送至手机访问。

版权声明:本文由web开发技术分享发布,如需转载请注明出处。

本文链接:https://www.htmlcmf.cn/?id=21

分享给朋友:

相关文章

CSS:实现background-image背景图片全屏铺满自适应

body {     /* 加载背景图 */     background-image: url(images/bg…

vue修改数据不生效

Vue修改数据不生效的问题通常发生在以下几种情况:直接修改了Vue实例的data对象的根级属性。修改数组时没有使用Vue提供的特定方法(例如push、splice),导致视图不更新。对象属性添加、删除不是响应式的,需要使用Vue.set或v…

css隐藏滚动条

实现css隐藏滚动条有以下几种方式:1. 使用overflow属性:将父元素的overflow属性设置为hidden,这将隐藏滚动条,并且禁用滚动功能。例如:.parent {     o…

Js生成随机数/随机字符串的5种方法

Js生成随机数/随机字符串的5种方法:方法1:使用randomStringfunction randomString(e) {   e = e || 8;&n…

nginx 设置某个目录只允许访问指定后缀文件

server {        listen 80;        server_name your…

npm install卡在“sill idealTree buildDeps“问题的两种解决方法

当你尝试在 Vue 项目中执行 npm install 时,你可能会遇到一个问题:命令卡在"sill idealTree buildDeps"这一步,没有任何反应。这个问题的根源在于淘宝镜像源的域名过…