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

Question

我正在使用 CanvasJS 库的 ReactJS 版本。

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

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

在移动设备上触摸这些图表时，有什么方法可以使滚动正常工作吗？

Answer 1

想通了。

我将 CanvasJS 组件包裹在 div 组件中。

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

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

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