有没有一种方法可以用鼠标悬停在折线图上突出显示一条线？

// 引入Chart.js库
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

// 创建一个折线图
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [{
            label: 'Line 1',
            data: [10, 20, 30, 40, 50, 60, 70],
            borderColor: 'red',
            fill: false
        }, {
            label: 'Line 2',
            data: [70, 60, 50, 40, 30, 20, 10],
            borderColor: 'blue',
            fill: false
        }]
    },
    options: {
        // 其他配置项
    }
});

// 监听鼠标悬停事件
document.getElementById('myChart').addEventListener('mousemove', function(event) {
    var activePoints = chart.getElementsAtEvent(event);
    
    // 如果有悬停的数据点
    if (activePoints.length > 0) {
        var firstPoint = activePoints[0];
        var datasetIndex = firstPoint.datasetIndex;
        
        // 遍历所有的数据集
        chart.data.datasets.forEach(function(dataset, index) {
            // 如果是悬停的数据集，则突出显示
            if (index === datasetIndex) {
                dataset.borderColor = 'green';  // 修改线条颜色为绿色
            } else {
                dataset.borderColor = dataset._meta[Object.keys(dataset._meta)[0]].dataset.borderColor;  // 恢复其他线条的颜色
            }
        });
        
        // 更新图表
        chart.update();
    }
});