Chart.js Chartjs:在雷达上获取标签标题';s图表工具提示

Chart.js Chartjs:在雷达上获取标签标题';s图表工具提示,chart.js,Chart.js,除了工具提示上显示的标题外,此雷达图工作正常 将鼠标悬停在任何点上时,都会将点(10、12、13、14)的值作为工具提示的顶部标题,而不是我希望在那里找到的标签文本(杯垫1、杯垫2、杯垫3、杯垫4) 演示: 代码: const coasters = [ [10, 12, 13, 14] ].flat() new Chart('chart1', { type: 'radar', data: { labels: ['coaster 1', 'coaster 2', 'coast

除了工具提示上显示的标题外,此雷达图工作正常

将鼠标悬停在任何点上时,都会将点(10、12、13、14)的值作为工具提示的顶部标题,而不是我希望在那里找到的标签文本(杯垫1、杯垫2、杯垫3、杯垫4)

演示:

代码:

const coasters = [
  [10, 12, 13, 14]
].flat()

new Chart('chart1', {
  type: 'radar',
  data: {
    labels: ['coaster 1', 'coaster 2', 'coaster 3', 'coaster 4'],
    datasets: [{
      label: 'Altura',
      data: coasters.map(eachCoaster => eachCoaster)
    }]

  }
})

在图表
选项
中,您需要定义
标题
,如下所示:

tooltips: {
  callbacks: {
    title: (tooltipItem, data) => data.labels[tooltipItem[0].index]
  }
}
请在下面查看您的修订代码

新图表('chart1'{
类型:“雷达”,
数据:{
标签:[“过山车1”、“过山车2”、“过山车3”、“过山车4”],
数据集:[{
标签:“Altura”,
数据:[10,12,13,14]
}]
},
选项:{
工具提示:{
回调:{
标题:(tooltipItem,data)=>data.labels[tooltipItem[0]。索引]
}
}
}
});