如何清除ECharts气泡提示“暂无数据”的问题
1、准备测试页面和数据,option1属性如下

2、echarts.setOption(option1)的效果如下

3、准备数据了,option2的属性如下

4、echarts.setOption(option2)的效果如下

5、表面上可见,setOption并没有刷新上一次的数据,两次是叠加效果。
于是网上很多人的方法如下:
1.先echarts.clear();再echarts.setOption(option2);效果不变,还是有气泡
2.先echarts.clear();再echarts.setOption(option2, true);效果不变,还是有气泡
参数true的意思是,是否合并echarts当前的option(上一次的option);如果不合并那就是clone,作为独立的option。
echarts.refresh();方法也都试过了还是不行
本想求助网络解决问题更快些。
6、于是乎,只有借助源码了,打开源码调试,大概跟了一下,两分钟解决问题。
下面这个方法,就是验证数据是否为空的,如果为空,则调用showLoading();
很容易想到有show方法,就会有hide方法。


7、echarts.setOption(xx)之前,调用一次echarts.hideLoading()就解决,效果如下:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:124
阅读量:75
阅读量:30
阅读量:30
阅读量:121