[apache/echarts]地图:移动端拖动,拖出边界后,无法再拉回

2024-08-22 920 views
0

地图:移动端拖动,拖出边界后,无法再拉回。 发现地图组件的范围并不是占满整个canvas,导致拖动距离地图较远的区域无法触发地图跟随手指滑动。

  • ECharts version [ECharts 版本]:4.0.2
  • Browser version [浏览器类型和版本]:微信内置浏览器, 微信版本6.7.3
  • OS Version [操作系统类型和版本]:iOS 11

可视化结果:地图可以随意拖动,且不会全部溢出边界,或者溢出边界后可以拖回。 代码结果:地图的可触摸拖动范围扩大到整个canvas。

均为地图默认项即可

截图如下链接:红色圆圈处已无法触摸 http://p5vpw73bu.bkt.clouddn.com/%E5%9C%B0%E5%9B%BE.png

回答

5

@deqingli 有没有解决办法

1

tree模式 遇到同样的问题

1

发现似乎是当有value=0的值出现时,无法拖拽、缩放

1

我使用下面方法暂时掩盖了问题: 在理论上无限远的地方加两个节点,让graph事件有效区域变大,例如{x:-10000,y:-10000},{x:10000,y:10000}. 这个方法需要配套地修改graph的width、height、left、top、right、bottom,不然可能会出现节点压缩成一堆的情况

6

我在做世界地图,也遇到了 地图在拖拽的时候,可以将地图完全拖拽出可视区域,并且无法移回