全局zomm缩放后echarts鼠标偏移的问题(鼠标触发提示框位置有偏差)

全局zomm缩放后echarts鼠标偏移的问题

最近项目里需要做很多图表，但所有的图表都有一个问题，就是鼠标hover触发位置与鼠标实际位置有偏差

解决办法：全局缩放影响到了echarts容器，通过dom为echarts容器还原缩放 根据图表位置合理设置 transform-origin:0 0

<div :id="chartsCode" :style="`width: ${width}px; height:300px;zoom:${zoom};transform:scale(${1/zoom});transform-origin:0 0`"></div>

data() {
    return {
        zoom:1
    }
}

mounted() {
     this.zoom = 1 / document.body.style.zoom
     window.addEventListener("resize", () => {
      this.zoom = 1 / document.body.style.zoom
    })
}