提问人：Sudharsan S 提问时间：11/15/2023 最后编辑：Sudharsan S 更新时间：11/17/2023 访问量：58
使用 Chartjs 缩放插件后未发生默认行为滚动
Default behaviour scroll not happening after using Chartjs zoom plugin
问：
我在我的项目中使用条形图。有一个任务是滚动条形图用户以查看前几个月和余额金额，所以我在实现后使用 chartjs 缩放插件，当我们单击从条形图滚动时，默认的垂直滚动行为没有发生，我们无法看到以下内容和页面中的其他主题。这是我在项目中使用的一段代码。
plugins: {
legend: {
display: false,
},
title: {
display: false,
},
tooltip: {
enabled: false,
},
zoom: {
pan: {
enabled: true,
mode: 'x',
},
}
},
但它对我不起作用，我只能从左到右或从右到左滚动条形图。但是除了条形图之外，我看不到以下内容。默认垂直滚动未发生
答：
0赞
Fraser
11/21/2023
#1
很难准确理解您的意思，但是如果我理解您“默认的垂直滚动行为不会发生”，因为缩放功能会捕获滚动事件。
要解决此问题，请在缩放选项中添加 a，以便滚动功能仅在按住特定键时激活。modifierKey
例如，图表滚动仅在按下 shift 键时有效。
zoom: {
pan: {
enabled: true,
mode: 'x',
},
zoom: {
wheel: {
enabled: true,
modifierKey: 'shift'
},
mode: 'xy',
}
}
选项有'ctrl'|'alt'|'shift'|'meta'
查看 https://www.chartjs.org/chartjs-plugin-zoom/latest/guide/options.html
评论