javascript - 如何在chartjs中堆叠折线图的彩色/堆叠区域显示工具提示？

Question

我有一个 chartjs 堆积条形图。我在绘制点悬停时显示工具提示。此外，我想在彩色/堆叠区域悬停时显示工具提示

下面是我的图表

在蓝色区域悬停时，我想在工具提示中显示“区域 A”，在绿色区域悬停时，我想在工具提示中显示“区域 B”。

我的工具提示配置如下：

{
  tooltips: {
    displayColors: false,
    callbacks: {
      title: () => {
        return null
      },
      label: function(tooltipItem) {
        const event = R.pathOr(
          {},
          ['_data', 'datasets', tooltipItem.datasetIndex, 'data', tooltipItem.index],
          this
        )
        return [event.title, event.value, event.status]
      }
    }
  }
}

标签： javascriptchart.jsvue-chartjs