[apache/echarts]zoom 属性设置缩放 图表悬浮不正常

2024-08-22 952 views
7

css中使用zoom 属性设置缩放,echart图表的鼠标悬浮事件错位,不能正确的找到元素的位置

  • ECharts version [ECharts 版本]:
  • Browser version [浏览器类型和版本]:
  • OS Version [操作系统类型和版本]:
option = {

}

回答

3

image

2

echarts 的版本是?

2

也是同样遇到这种问题,有什么解决办法吗

4

暂时还没解决呢

9

应该是3.4.0

3

遇到了同样的问题,求解决方案。

8

4.2.1 还是有问题

9

遇到同样的问题,css使用zoom属性缩放页面后,echarts图表的鼠标事件触发位置错位,影响交互,echarts版本是4.2,望修复。

8

这是什么原理?第二个zoom是指之前页面缩放的值吗?如之前缩放35%,echart的div就加上zoom: 1/0.35?把echart的div放大吗?

8

我是用的 vue-echarts 的封装, 模板里面是 <ECharts auto-resize :options="chartOptions" :style="{zoom : 1/ zoom, height: '100%', width: '100%'}">

这样做图图的大小不会变, 但是能够正常铺满父 div, 而且交互也没有问题.