Javascript Chart.js如何将附加值嵌入雷达图中的每个数据点

Javascript Chart.js如何将附加值嵌入雷达图中的每个数据点,javascript,chart.js,Javascript,Chart.js,使用折线图,我可以嵌入额外的数据,并将其显示在工具提示中。但是,如果我尝试对雷达图执行相同操作,则不会显示任何值。如何将基本信息添加到雷达图上的每个数据点,并使其显示在工具提示中 下面我有一个工作折线图,其中包含每个数据点的附加值,并显示工具提示。此外,我还复制了相同的图表,并使用类型:“雷达” var数据=[{ //x:‘项目1’, y:2, id:“测试-10” }, { //x:‘项目2’, y:4, id:“测试-20” }, { //x:‘项目3’, y:5, id:“测试-30”

使用折线图,我可以嵌入额外的数据,并将其显示在工具提示中。但是,如果我尝试对雷达图执行相同操作,则不会显示任何值。如何将基本信息添加到雷达图上的每个数据点,并使其显示在工具提示中

下面我有一个工作折线图,其中包含每个数据点的附加值,并显示工具提示。此外,我还复制了相同的图表,并使用
类型:“雷达”

var数据=[{
//x:‘项目1’,
y:2,
id:“测试-10”
},
{
//x:‘项目2’,
y:4,
id:“测试-20”
},
{
//x:‘项目3’,
y:5,
id:“测试-30”
},
{
//x:‘项目4’,
y:6,
id:“测试-40”
},
{
//x:‘项目5’,
y:8,
id:“测试-50”
},
{
//x:‘项目6’,
y:12,
id:“测试-60”
}];
var ctx=document.getElementById('lineChart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:[“第1项”、“第2项”、“第3项”、“第4项”、“第5项”、“第6项],
数据集:[{
标签:“数据集1”,
数据:数据,
边框颜色:“3e95cd”,
填充:假
}]
},
选项:{
工具提示:{
启用:对,
模式:“单一”,
回调:{
标签:函数(工具提示项、数据){
var multistringText=['Value:'+tooltipItems.yLabel];
multistringText.push('ID:'+data['datasets'][tooltipItems.datasetIndex]['data'][tooltipItems.index].ID);
返回多字符串文本;
}
}
},
}
});
var ctx=document.getElementById('radarChart').getContext('2d');
var myChart=新图表(ctx{
类型:“雷达”,
数据:{
标签:[“第1项”、“第2项”、“第3项”、“第4项”、“第5项”、“第6项],
数据集:[{
标签:“数据集1”,
数据:数据,
边框颜色:“3e95cd”,
填充:假
}]
},
选项:{
工具提示:{
启用:对,
模式:“单一”,
回调:{
标签:函数(工具提示项、数据){
var multistringText=['Value:'+tooltipItems.yLabel];
multistringText.push('ID:'+data['datasets'][tooltipItems.datasetIndex]['data'][tooltipItems.index].ID);
返回多字符串文本;
}
}
},
}
});

试着这样做:

var数据=[{
//x:‘项目1’,
y:2,
id:“测试-10”
},
{
//x:‘项目2’,
y:4,
id:“测试-20”
},
{
//x:‘项目3’,
y:5,
id:“测试-30”
},
{
//x:‘项目4’,
y:6,
id:“测试-40”
},
{
//x:‘项目5’,
y:8,
id:“测试-50”
},
{
//x:‘项目6’,
y:12,
id:“测试-60”
}];
var ctx=document.getElementById('lineChart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:[“第1项”、“第2项”、“第3项”、“第4项”、“第5项”、“第6项],
数据集:[{
标签:“数据集1”,
数据:数据,
边框颜色:“3e95cd”,
填充:假
}]
},
选项:{
工具提示:{
启用:对,
模式:“单一”,
回调:{
标签:函数(工具提示项、数据){
var multistringText=['Value:'+tooltipItems.yLabel];
multistringText.push('ID:'+data['datasets'][tooltipItems.datasetIndex]['data'][tooltipItems.index].ID);
返回多字符串文本;
}
}
},
}
});
var ctx=document.getElementById('radarChart').getContext('2d');
var myChart=新图表(ctx{
类型:“雷达”,
数据:{
标签:[“第1项”、“第2项”、“第3项”、“第4项”、“第5项”、“第6项],
数据集:[{
标签:“数据集1”,
数据:data.map(item=>item.y),
边框颜色:“3e95cd”,
填充:假
}]
},
选项:{
工具提示:{
启用:对,
模式:“单一”,
回调:{
标签:函数(工具提示项){
返回'Value:'+data[tooltipItems.index].y+',ID:'+data[tooltipItems.index].ID;
}
}
},
}
});

试着这样做:

var数据=[{
//x:‘项目1’,
y:2,
id:“测试-10”
},
{
//x:‘项目2’,
y:4,
id:“测试-20”
},
{
//x:‘项目3’,
y:5,
id:“测试-30”
},
{
//x:‘项目4’,
y:6,
id:“测试-40”
},
{
//x:‘项目5’,
y:8,
id:“测试-50”
},
{
//x:‘项目6’,
y:12,
id:“测试-60”
}];
var ctx=document.getElementById('lineChart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:[“第1项”、“第2项”、“第3项”、“第4项”、“第5项”、“第6项],
数据集:[{
标签:“数据集1”,
数据:数据,
边框颜色:“3e95cd”,
填充:假