如何在移动设备上启用CanvasJS图表滚动

Question

我使用的是CanvasJS库的ReactJS版本。

我在屏幕上布置了一些图表，使它们在移动设备上占据了接近100%的高度和宽度。

当我将手指放在图表上并拖动(以便向下滚动页面(时，我无法滚动。这个问题不会发生在我没有图表的页面的其他部分。

在手机上触摸这些图表时，有什么方法可以让滚动正常工作吗？

Answer 1

想明白了。

我将CanvasJS组件封装在一个div组件中。

这个div组件应用了以下CSS属性：

overflow-y:auto;
overflow:scroll;
overflow-x:auto;

一旦我删除了那些CSS属性(它们一开始就不需要存在(，我就可以在移动设备上拖动图表组件了。