echarts3 loading动画无法去除解决方案
生活随笔
收集整理的這篇文章主要介紹了
echarts3 loading动画无法去除解决方案
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
解決方案一:
? ? ? ? ? ? ? ? ? ? ? 不使用showloading,判斷傳入數據是否為空。
? ? ? ? ? ? ? ? ? ? ? 若數據為空,覆蓋一層div。
? ? ? ? ? ? ? ? ? ? ? 若數據不為空,則隱藏div
解決方案2:
? ? ? ? ? ? ? ? ? ? ? 利用echarts的graphic。初始化是加入graphic。有數據時再利用id移除掉graphic。
初始化時:
在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: ['暫無數據',].join('\n'),font: '14px Microsoft YaHei'}}]}],在有數據的setoption中加入:
?
參考鏈接: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
總結
以上是生活随笔為你收集整理的echarts3 loading动画无法去除解决方案的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C++编译运行过程分析
- 下一篇: 表格在首行,添加空行