Chart.js工具提示触发器问题

jchrr9hc  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(146)

在我的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?

bogh5gae

bogh5gae1#

感谢上面的@ KonradLinkowski,你把我推向了正确的方向。我用width: calc(100% - 5rem)调整了图中的canvas元素。删除它就解决了这个问题。

相关问题