Highcharts系列在移动设备上缩放时超出绘图区域

Highcharts系列在移动设备上缩放时超出绘图区域,highcharts,Highcharts,我从highcharts的演示中选取了一个例子,并将zoomType更改为xy。问题在于手机上的缩放。当我用收缩进行缩放时,序列会远离绘图区域(在两个方向上),但当我释放收缩时,它确实会在正确的区域反弹 代码沙盒: 全屏演示,以便在手机中打开: 我鼓励使用Highcharts React官方包装,以避免代码中出现类似这样的冲突。这是highcharts文档中的内容,我将它与官方的angular包装一起使用,但我面临同样的问题。这只是为了让人们重现这个问题。但这个问题在共享演示中也可以看到(不仅仅

我从highcharts的演示中选取了一个例子,并将
zoomType
更改为xy。问题在于手机上的缩放。当我用收缩进行缩放时,序列会远离绘图区域(在两个方向上),但当我释放收缩时,它确实会在正确的区域反弹

代码沙盒:

全屏演示,以便在手机中打开:


我鼓励使用Highcharts React官方包装,以避免代码中出现类似这样的冲突。这是highcharts文档中的内容,我将它与官方的angular包装一起使用,但我面临同样的问题。这只是为了让人们重现这个问题。但这个问题在共享演示中也可以看到(不仅仅是在手机上),我认为这与在React中重现它有关,而不使用包装器。在纯JS中,一切正常:@SebastianWędzel您在移动设备上试用过它吗?我的观点是,我从他们自己的演示中得到了它,这有问题,我在我的项目中使用了Highcharts,它在角度上有这个问题。关键是如果它是可复制的,那么有没有一个解决方案来避免这种情况?整个配置。正如我之前所写的,要在React中正确使用Highcharts,您需要使用Highcharts React官方包装并将配置设置为状态。同样,这里有一个到包装器的链接,在这里您还可以找到一些演示如何实现图表。