echarts Map:移动端拖动,拖出边界后,无法再拉回

r7knjye2  于 2022-11-03  发布在  Echarts
关注(0)|答案(6)|浏览(791)

One-line summary [问题简述]

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

Version & Environment [版本及环境]

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

Expected behaviour [期望结果]

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

ECharts option [ECharts配置项]

均为Map默认项即可

Other comments [其他信息]

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

wfsdck30

wfsdck301#

@deqingli 有没有解决办法

i86rm4rw

i86rm4rw2#

tree模式 遇到同样的问题

qlfbtfca

qlfbtfca3#

似乎当 graph 的节点和连接较多的时候,会出现可视区域也不可拖拽、缩放的情况
https://serfend.top:12443/#/home/dashboard

oxcyiej7

oxcyiej74#

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

qvtsj1bj

qvtsj1bj5#

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

mgdq6dx1

mgdq6dx16#

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

相关问题