博主分享了解决Echarts图表在首次加载时数据存在但不显示的问题。问题根源在于父级元素的样式设置，需要将父级设置为position:relative并添加背景色。由于Echart默认给div添加position:relative，导致了定位层级冲突。解决方案是在div上添加z-index:1以确保图表正常显示。
参照了各种办法比如$nextTick、watch、setOption，然后发现是定位层级的问题，也是无语到无以复加，不过问题解决了 还是可喜可贺~
问题：首次打开echart页面，数据有，图标不展示
一开始没往样式上想，只以为echart写的方式不对，困扰了一天【捂脸】
解决：
因为样式问题需要父级设置position: relative;并且设置背景色（如果没背景色其实也可以正常显示），如图
父级没有背景色
生成echart图表会默认给div加个position: relative;，这个就增加了个定位层级问题，如图
要保留父级上的背景色那就在div上加个z-index:1,就可以正常显示了
扫一扫
122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
