悬停不在角应用程序中的Chart.js上的垂直线上工作

Question

我们在angular应用程序中使用chart.js来创建包含两个数据集的折线图。图表正确显示。

我在显示工具提示的悬停功能时遇到问题。目前，仅当我将鼠标悬停在某个点上时，工具提示才会显示（参见图片）。我想要的是当我将鼠标悬停在垂直线上而不是仅仅是一个点时，工具提示会出现。

我的理解是这应该是默认功能。对我来说，似乎并没有起作用。

我尝试使用标签模式添加悬停键，但这不起作用。

有什么想法吗？

Chart.js悬停文档： http://www.chartjs.org/docs/#chart-configuration-hover-configuration

$scope.visitChartOptions = {
  legend: {
    display: true
  },
  responsive: true,
  maintainAspectRatio: false,
  tooltips: {
    callbacks: {
      title: (value) => {
        return moment(value[0].xLabel).format('LL');
      }
    }
  },
  hover: {
    mode: 'label'
  }

enter image description here