使用echarts开发过程中遇到这样一个问题1、页面初始化，加载图表数据，为空；（显示气泡+暂无数据的提示）2、前端js动态刷新图表，加载数据2，有数据，（显示气泡+暂无数据+图表）网上一搜，很多人碰到这个问题，但都没有一个解决方案，今天小编就带着这个疑撸一篇经验，很久没更新了，经验+1，嘻嘻。工具/原料moreecharts图表方法/步骤1/7分步阅读

准备测试页面和数据，option1属性如下

2/7

echarts.setOption(option1)的效果如下

3/7

准备数据了，option2的属性如下

4/7

echarts.setOption(option2)的效果如下

5/7

表面上可见，setOption并没有刷新上一次的数据，两次是叠加效果。

于是网上很多人的方法如下：

1.先echarts.clear();再echarts.setOption(option2)；效果不变，还是有气泡

2.先echarts.clear();再echarts.setOption(option2, true)；效果不变，还是有气泡

参数true的意思是，是否合并echarts当前的option（上一次的option）；如果不合并那就是clone，作为独立的option。

echarts.refresh();方法也都试过了还是不行

本想求助网络解决问题更快些。

6/7

于是乎，只有借助源码了，打开源码调试，大概跟了一下，两分钟解决问题。

下面这个方法，就是验证数据是否为空的，如果为空，则调用showLoading();

很容易想到有show方法，就会有hide方法。

7/7

echarts.setOption(xx)之前，调用一次echarts.hideLoading()就解决，效果如下：

软件ECHARTS