在时间图上有多条线时，ChartJS工具提示

Question

似乎悬停点使用点索引在多个数据集上标记同一点。因此，当我将鼠标悬停在一个数据集的索引1上时，即使根本不是同一日期，也可以将鼠标悬停在任何其他数据集上来设置索引1的样式。

如何使它仅显示悬停的实际点的工具提示？或至少不标记与悬停日期不同的日期？

https://codepen.io/texton/pen/RwWdEwY

这里是options.scales：

  scales: {
     xAxes: [
          {
            ticks: {
            autoSkip: true,
                        maxTicksLimit: 20
                    },
                    bounds: 'data',
                    type: 'time',
                    distribution: 'linear',
                    time: {
                        tooltipFormat: 'ddd DD. MMMM',
                        unit: 'week',
                        displayFormats: {
                            week: 'WW'
                        }
                    },
                    gridLines: {
                        display: false
                    }
                }
            ],
            yAxes: [
                {
                    id: 'weight',
                    type: 'linear',
                    position: 'left',
                    ticks: {
                        callback(value) {
                            return value + 'kg';
                        }
                    },
                    gridLines: {
                        display: false
                    }
                }
            ]
        }

Answer 1

您可以在图表选项中明确定义tooltips.mode，tooltips.mode是个不错的选择。

'nearest'

options: {
  tooltips: {
    mode: 'nearest'
  }

：获取距该点最近的项目。

但是我想知道为什么它不能按预期方式工作，因为根据nearest，nearest实际上是默认值。可能是Chart.js的旧版本中不是这种情况。因此，请确保使用该库的最新稳定版本（当前为Tooltip Configuration）。