如何通过折线图中的悬停点绘制垂直线？ Chart.js

Question

我正在使用chart.js在应用程序中使用d3替换所有图表。这些图表之一通过悬停时的选定点绘制一条垂直线。像这样： stacked area chart with vertical line

我找不到与示例中类似的东西，是否可以通过chart.js来完成？

我尝试使用工具提示和轴选项配置，但没有成功

我正在使用react版本，所以我的组件现在是这样的：

const MyAreaChart = ({ data, labels, classes }) => {
    return (
       <Line
          data={{
            labels,
            datasets: Object.entries(data).map(([assetType, dataArray]) => ({
              fill: true,
              label: classes[assetType].name,
              backgroundColor: classes[assetType].color,
              pointRadius: 0,
              steppedLine: true,
              data: dataArray
            }))
          }}
          options={{
            tooltips: { mode: 'label', intersect: false },
            scales: {
              xAxes: [{
                stacked: true,
                display: true,
                ticks: {
                  callback: (dataLabel, index) => index % 30 === 0 ? formatMonth(dataLabel) : null
                }
              }],
              yAxes: [{ stacked: true }]
            }
          }}
        />
    );
}

我希望鼠标悬停时看到一条垂直线（显示工具提示时）