Chart Js在手机上的滚动页面答案

【问题标题】：CharJs scrolling page on mobileChart Js在手机上的滚动页面
【发布时间】：2021-03-04 23:04:54
【问题描述】：

我们在 VueJs 中有一个应用程序，在主页上一切正常。当我们在手机上加载页面时，滚动很少有问题，如果我们触摸图表并尝试向下滚动页面，触摸就像从图表中截取一样，使scoll不可能。因此，为了滚动页面，我们必须从图表外部开始滚动。

我尝试在图表选项中添加以下 events: ['mousemove', 'mouseout', 'click',], 认为这样会排除触摸选项，但它也不起作用。

我也尝试了以下但没有成功。

tooltips: {
    enabled: false
},
 events: [],

有什么建议吗？非常感谢。

【问题讨论】：

标签： vue.js mobile chart.js

【解决方案1】：

几个小时后，我找到了解决方案。似乎在图表的画布中有一个 css 属性 touch-action: none; 将其设置为 touch-action: unset 解决了我的问题。

<template>
  <canvas class="chart-mobile" ref="canvas"/>
</template>

<style scoped>
  .chart-mobile {
    touch-action: unset !important;
  }
</style>

【讨论】：