全局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.zoomwindow.addEventListener("resize", () => {this.zoom = 1 / document.body.style.zoom})
}

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

html鼠标悬停显示窗口,javascript-页面中鼠标移动或停留均显示提示框
鼠标移动到隐藏内容时显示提示框,鼠标停留在提示框时依旧显示.鼠标离开提示框和隐藏内容时提示框消失. 使用时配合table框是固定宽度,将超过宽度的多余信息予以用省略号显示. 将table框CSS设置为 ...
python梦幻西游鼠标偏移_梦幻西游鼠标漂移，求修改，不知道错误在哪
梦幻西游鼠标漂移,求修改,不知道错误在哪 .版本 2 .支持库 eAPI .支持库 spec .子程序鼠标坐标 .局部变量鼠标图, 字节集 .局部变量矩形, 矩形数据 .局部变量第一色位置, ...
echarts中tooltip提示框位置控制
关键代码: position: function(point, params, dom, rect, size) {//其中point为当前鼠标的位置,size中有两个属性:viewSize和cont ...
鼠标悬停(点击)出现文本提示框
下面的是鼠标点击出现文字,如果想要鼠标移动上去出现,移出消失的话,UI可以使用OnPointerEnter跟OnPointerExit方法,命名空间是UnityEngine.EventSystems, ...
echarts 柱状图设置边框_echarts 如何设置提示框边框阴影
(2)然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码. ECharts // 基于准备好的dom,初 ...
鼠标悬停帮助图标显示文字提示框代码
<style type="text/css">.help-tip {cursor:pointer;text-align: left;font-size: 14px;ba ...
ECharts 提示框组件Tooltip属性大全（包含文本注释）
tooltip: { // 提示框组件:可以设置在全局(tooltip),可以设置在坐标系中(grid.tooltip.polar.tooltip.single.tooltip),可以设置在系列中(s ...
echarts 饼图每块颜色_读者提问，如何让 tooltip 提示框内显示饼图
效果截图前些天有读者问,ECharts 的提示框(tooltip)内,能不能添加一个饼图? 我之前倒是看到过用饼图作为散点图数据点的例子,感觉应该有办法--但是提示框和那个不太一样,估计需要研究一下 ...
JS实现跟随鼠标的提示框
跟随鼠标的提示框鼠标移入到某个关键词就会出现提示框并且在关键词范围内跟随鼠标的移动是怎么实现的呢? 下面来看代码简单的html和css <body><a href="# ...

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

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

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

最新文章

热门文章

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

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

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

最新文章

热门文章

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