解決方案一：

? ? ? ? ? ? ? ? ? ? ? 不使用showloading，判斷傳入數(shù)據(jù)是否為空。

? ? ? ? ? ? ? ? ? ? ? 若數(shù)據(jù)為空，覆蓋一層div。

? ? ? ? ? ? ? ? ? ? ? 若數(shù)據(jù)不為空，則隱藏div

解決方案2：

? ? ? ? ? ? ? ? ? ? ? 利用echarts的graphic。初始化是加入graphic。有數(shù)據(jù)時(shí)再利用id移除掉graphic。

初始化時(shí)：

在setoption中加入：

graphic:[{type: 'group',id:'inittext',left: '1%',top: 'center',children: [{type: 'rect',z: 100,left: 'center',top: 'middle',shape: {width: 500,height: 242,},style: {fill: 'rgba(0,0,0,0.01)',}},{type: 'text',z: 100,left: 'center',top: 'middle',style: {fill: '#000',text: ['暫無數(shù)據(jù)',].join('\n'),font: '14px Microsoft YaHei'}}]}],

在有數(shù)據(jù)的setoption中加入：
?

graphic:[{id:'inittext',$action:'remove',}],

參考鏈接：https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-3u872dym.html

https://echarts.baidu.com/option.html#graphic.elements-group.bounding

https://www.echartsjs.com/gallery/editor.html?c=line-graphic

https://github.com/apache/incubator-echarts/issues/4829

總結(jié)

以上是生活随笔為你收集整理的echarts3 loading动画无法去除解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。