在我的Chart.js(v3.9.1)实现中,我有一个带有工具提示的折线图。工具提示插件定义如下(为了代码简洁,添加了...
):
this.graph = new Chart(document.querySelector('#m-graph'), {
type: 'line',
data: {...},
options: {
responsive: true,
maintainAspectRatio: false,
interaction: {
mode: 'point'
},
stacked: false,
showTooltips: true,
title: {
display: false
},
scales: scales,
plugins: {
legend: {...},
tooltip: {
position: 'nearest',
callbacks: {
label: (context) => {
...
}
}
}
}
}
});
当我将鼠标悬停在数据点上时,我在X轴上越“向右”移动,我就越需要将鼠标悬停在离每个数据点越远的地方,以弹出工具提示。
关于切换什么设置来修复这个问题有什么想法/建议吗?或者这是一个bug?
1条答案
按热度按时间bogh5gae1#
感谢上面的@ KonradLinkowski,你把我推向了正确的方向。我用
width: calc(100% - 5rem)
调整了图中的canvas
元素。删除它就解决了这个问题。