- 问题:echarts图表的tooltip穿透至弹窗及选择器
- 解决方案1:盖掉它,改定位及优先级,然后发现这个元素echarts最后展示不是在canvas里的是一个
position: absolute;z-index:9999999
的元素(如图,小声bb:它好过分!)- 盖掉之后在移动端有一个很奇怪的表现,点击图表-显示标注框-打开弹窗,正常覆盖-此时关闭弹窗,上下滑动页面之后手指点击覆盖不离开图表滑动再次出现标注框-打开弹窗,又出现了样式穿透(不确定是不是echarts的bug)
- 解决方案2:想办法在弹窗打开的时候给这个元素样式隐藏掉这个元素(虽然这样写代码很僵硬,我没翻到官网有配置项可以解决的)成功解决
- 盖掉之后在移动端有一个很奇怪的表现,点击图表-显示标注框-打开弹窗,正常覆盖-此时关闭弹窗,上下滑动页面之后手指点击覆盖不离开图表滑动再次出现标注框-打开弹窗,又出现了样式穿透(不确定是不是echarts的bug)
const doms = document.querySelectorAll<HTMLDivElement>(
'.echarts > div:nth-child(2)'
);
doms?.forEach((dom) => {
dom.style.visibility = 'hidden';
dom.style.opacity = '0';
});