Javascript 如何在chartjs中的堆叠折线图的彩色/堆叠区域上显示工具提示?

Javascript 如何在chartjs中的堆叠折线图的彩色/堆叠区域上显示工具提示?,javascript,chart.js,vue-chartjs,Javascript,Chart.js,Vue Chartjs,我有一张条形图。我正在显示绘制点悬停时的工具提示。此外,我想在彩色/堆叠区域的悬停上显示工具提示 下面是我的图表 在蓝色区域悬停时,我想在工具提示中显示“区域A”,在绿色区域悬停时,我想在工具提示中显示“区域B” 我的工具提示配置如下: { tooltips: { displayColors: false, callbacks: { title: () => { return null }, label: funct

我有一张条形图。我正在显示绘制点悬停时的工具提示。此外,我想在彩色/堆叠区域的悬停上显示工具提示

下面是我的图表

在蓝色区域悬停时,我想在工具提示中显示“区域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]
      }
    }
  }
}

您可以添加一些代码来说明当前如何添加工具提示吗?@gnahum更新了说明您看到这个文档了吗?我认为函数可以是
function(tooltipItem,data)
其中数据可以是您使用的区域。您是对的-函数可以是
function(tooltipItem,data)
。谢谢你的回答。如何获得蓝色/绿色区域悬停时的工具提示?我假设蓝色/绿色区域是两个不同的数据集。我认为您可以通过哪个数据集进行更改。i、 e.在interactions.html示例中,对于配置来说,模式是最接近的,并且intersect为true。如图所示:您可以添加一些代码说明当前如何添加工具提示吗?@gnahum更新了说明您看到此文档了吗?我认为函数可以是
function(tooltipItem,data)
其中数据可以是您使用的区域。您是对的-函数可以是
function(tooltipItem,data)
。谢谢你的回答。如何获得蓝色/绿色区域悬停时的工具提示?我假设蓝色/绿色区域是两个不同的数据集。我认为您可以通过哪个数据集进行更改。i、 e.在interactions.html示例中,对于配置来说,模式是最接近的,并且intersect为true。如图所示: