电脑或浏览器缩放导致echarts悬浮偏移问题

背景

项目使用zoom 缩放保持页面适配问题。 浏览器或电脑进行了缩放 放大缩小。

复现

悬浮echarts图表上面，发现图表悬浮信息偏移 缩小偏右 放大偏左。

讲解

项目使用zoom 缩放保持页面适配问题。当用户电脑或浏览器进行缩放时 图表可以自动适应新的尺寸和比例但是对项目内的zoom缩放没有进行适配。

解决方案

this.$nextTick(() => {let zoom = $('body').css('zoom');let dom = document.getElementById(this.id);dom.style.zoom = 1 / zoom;dom.style.transform = 'scale(' + zoom + ')';dom.style.transformOrigin = '0% 0%';dom.style.width = (1 / zoom) * 100 + '%';dom.style.height = (1 / zoom) * 100 + '%';this.draw();});