Chart.js Chartjs:在雷达上获取标签标题';s图表工具提示
除了工具提示上显示的标题外,此雷达图工作正常 将鼠标悬停在任何点上时,都会将点(10、12、13、14)的值作为工具提示的顶部标题,而不是我希望在那里找到的标签文本(杯垫1、杯垫2、杯垫3、杯垫4) 演示: 代码: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
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]。索引]
}
}
}
});代码>