使用echarts开发过程中遇到这样一个问题1、页面初始化，加载图表数据，为空；（显示气泡+暂无数据的提示）2、前端js动态刷新图表，加载数据2，有数据，（显示气泡+暂无数据+图表）网上一搜，很多人碰到这个问题，但都没有一个解决方案，今天小编就带着这个疑撸一篇经验，很久没更新了，经验+1，嘻嘻。
工具/原料
echarts图表
方法/步骤
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()就解决，效果如下：
上一篇：如何快速消除嘴唇上的泡
下一篇：如何取消使用多彩气泡聊天