如何突出显示表格中与Chart.js上的点相对应的行？

Question

代码：

var chart = new Chart('graph_data', {
type: 'line',
data: {
    labels: data.labels.labels,
    datasets: dataSets
},
options: {
    responsive: true,
    filler: {
        propagate: true
    },
    tooltips: {
        mode: 'index',
        intersect: false,
        callbacks: {
            title: function(i, val) {
                return attributeLabels[data.labels.type] +': '+ i[0].xLabel;
            },
        },
    },
}});

那么我该如何处理数据点区域的mouseover和mouseout事件？ 我尝试为工具提示部分添加回调，但是t looks correct and i can并没有从mouseout事件的行中删除css类。

tooltips: {
        mode: 'index',
        intersect: false,
        callbacks: {
            title: function(i, val) {
                $('#data-table > tbody > tr').eq(i[0].index).addClass('hover');
                return attributeLabels[data.labels.type] +': '+ i[0].xLabel;
            },
        },
    },