Chart.JS 條形圖的 mousein 和 mouseout 上的事件？

Question

我已經搜索了條形圖和事件文檔（我覺得這有點令人困惑），但我一直無法弄清楚在將鼠標懸停在條形圖的條形（不是圖例！）上時如何處理 mousein 和 mouseout 事件。 目前，我最接近的是使用工具提示上的回調，如下所示：

options.tooltips = {
    backgroundColor: 'rgba(0,0,0,0)',
    fontColor: 'rgba(0,0,0,0)',
    callbacks: {
        label: function (tooltipItem) {
            // flipping a bool here
        }
    }
};

此解決方案效果不佳，因為不知道指針何時離開欄，我不知道何時將布爾值翻轉回來。 這可能嗎？

Answer 1

這是我的問題的解決方案：

options.tooltips = {
    // Hide the tooltips
    backgroundColor: 'rgba(0,0,0,0)',
    displayColors: false,
    callbacks: {
        labelTextColor: function () {
            return 'rgba(0,0,0,0)';
        },
        labelColor: function () {
            return {
                borderColor: 'rgba(0, 0, 0, 0)',
                backgroundColor: 'rgba(0, 0, 0, 0)'
            }
        }
    },
    // Highlight the HTML elements on bar hover
    custom: function(tooltipModel) {

        if (tooltipModel.body === undefined) {
            // flip bool false
            return;
        }

        if (/* ... */) {
            // flip bool true
        }

        return;
    }
};