移动设备上剑道图表的滚动问题

【问题标题】：Scrolling issue with kendo chart on mobile移动设备上剑道图表的滚动问题
【发布时间】：2020-01-10 07:12:30
【问题描述】：

我有多个启用了平移和缩放的剑道图表。在移动视图上，每个图形都占据 100% 的宽度，并且由于启用了平移和缩放，触摸事件不会被触发，因此在移动中不会向上或向下滚动。我尝试附加一个事件处理程序，但无济于事。当触摸事件从图表区域（图例或空格）以外的地方触发时，我想启用浏览器触摸事件，如图中突出显示的那样。

【问题讨论】：

标签： javascript angular jquery-mobile kendo-ui kendo-chart

【解决方案1】：

我遇到了类似的问题，我可以通过将 k-chart-surface touch-action 从 none 覆盖为 auto

来解决它

.k-chart-surface {
  touch-action: auto !important;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

“touch-action CSS 属性设置了触摸屏用户如何操作元素的区域（例如，通过浏览器内置的缩放功能）。”

希望对你有帮助，问候

【讨论】：