我们在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