echart 图表自带的的toolip悬浮框功能，被自己的图表盖住了？

Question

在满屏(分辨率：1920*1080)情况下会出现这问题，鼠标悬浮在图表右半部会出现此问题，悬浮在图表下半部图表也会出现这个问题

dom结构
<div data-chart="true" style="width:100%; height: 100%;font-size:0.05rem;">
<div style="text-align:center;font-weight: 500;color: #eee;"> 暂无展示数据 </div>
</div>
另外
js没有做任何样式更改，option配置zlevel,extraCssText我都用过，似乎是z-index的问题，最重要的是，除了在框架里，我无法重现这个问题，而且正确时候的样式和错误时候的样式是完全一样的，但是在官方示例和本地执行时完好的，但是用了框架后就出现这个问题了，望大佬指教一下