小编Tom*_*Sze的帖子

我正在使用 Chart.js 创建折线图。该图表有两个数据集。x 轴是日期，y 轴是值。当我将鼠标悬停在数据集 1 中的第一个数据时，数据集 2 中的第一个数据也处于活动状态（缩放）。这不是我所期望的。有没有办法只激活悬停的数据。有没有办法通过 y 值而不是索引来激活所有数据。

我尝试过编辑工具提示模式，但结果不是我预期的。它显示具有相同索引的不同数据集中的工具提示。 https://www.chartjs.org/docs/latest/general/interactions/modes.html

var ctx = document.getElementById("myChart");
var barChart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            label: 'Dataset 1',
            data: [{
                x: '2019-01-15',
                y: 100
            }, {
                x: '2019-02-03',
                y: 300
            }],
            backgroundColor: 'rgba(0, 0, 0, 0)',
            borderColor: 'rgba(255, 0, 0, 1)',
            borderWidth: 1
        }, {
            label: 'Dataset 2',
            data: [{
                x: '2019-01-03',
                y: 150
            }, {
                x: '2019-01-15',
                y: 200
            }, {
                x: '2019-02-06',
                y: 250 …