如何在Chart.js中添加垂直光标线？

Question

当我将鼠标悬停在Chart.js中的时间序列图表上时，我想在光标后面添加一条垂直线。我假设自定义工具提示是最好的选择，但如果不是这样，请告诉我。如果是，我假设与canvas交互比创建DOM元素并重新定位更好。假设情况如此，我坚持使用以下代码，我认为这些代码很接近：

tooltips: {
  mode: 'index',
  intersect: false,
  custom: function (tooltip) {
    const context = chart.chart.ctx
    context.beginPath()
    context.moveTo(tooltip.x, 30)
    context.strokeStyle = '#ff0000'
    context.lineTo(tooltip.x, 340)
    context.closePath()
    context.stroke()
  }
}

这在自定义工具提示的上下文之外工作，即。来自window.setTimeout，但在工具提示中它不会绘制任何内容。有什么建议吗？

为了它的价值，here's an example我在另一个SO帖子上发现了我正在寻找的东西，但我假设把它放在eventHandler不推荐？