如何清除ECharts气泡提示“暂无数据”的问题

时间:2024-10-17 11:03:30

1、准备测试页面和数据,option1属性如下

如何清除ECharts气泡提示“暂无数据”的问题

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

如何清除ECharts气泡提示“暂无数据”的问题

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

如何清除ECharts气泡提示“暂无数据”的问题

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

如何清除ECharts气泡提示“暂无数据”的问题

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方法。

如何清除ECharts气泡提示“暂无数据”的问题
如何清除ECharts气泡提示“暂无数据”的问题

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

如何清除ECharts气泡提示“暂无数据”的问题
© 手抄报圈