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

时间:2018-11-18 04:33:53

标签: reactjs mobile canvasjs

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

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

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

在移动设备上触摸这些图表时,是否有任何方法可以使滚动正常工作?

1 个答案:

答案 0 :(得分:0)

弄清楚了。

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

此div组件具有以下CSS属性:

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

一旦删除了这些CSS属性(首先不需要在其中),我就可以在移动设备上的图表组件上进行拖动。