Chart.js ChartJS-将图例标题添加到工具提示标题中

您能告诉我在chartJS选项中添加什么来将图例标题也添加到工具提示标题中吗？ 在附带的屏幕截图中，你可以看到我想在工具提示的标题中添加一个年份提醒

                 var chartdata = {
                 labels: ['Jan','Fev','Mar','Avr','Mai','Jui','Jui','Aou','Sep','Oct','Nov','Dec'],
                 datasets: JSON.parse('<?php echo $datasets ?>')
             };

               var graphTarget = $("#graphCanvas");

               var barGraph = new Chart(graphTarget, {
                   type: 'bar',
                   data: chartdata,
                   options: {
                            responsive: true,
                            legend: {
                                position: 'right',
                            },
                            title: {
                                display: true,
                                text: 'Consommation électrique'
                            },
                    tooltips: {
                      enabled: true,
                      mode: 'single',
                      callbacks: {
                          label: function(tooltipItems, data) {
                              return tooltipItems.yLabel + ' kW';
                          }
                      }
                    },
                    scales: {
                      yAxes: [{
                          ticks: {
                              // Includes 'kW' after the value
                              callback: function(value, index, values) {
                                  return value + ' kW';
                              }
                          }
                      }]
                    }
                        }
               });

var chartdata={
标签：['Jan'、'Fev'、'Mar'、'Avr'、'Mai'、'Jui'、'Jui'、'Aou'、'Sep'、'Oct'、'Nov'、'Dec']，
数据集：JSON.parse（“”）
};
var graphTarget=$（“graphCanvas”）；
var条形图=新图表（图形目标{
类型：'bar'，
数据：图表数据，
选项：{
回答：是的，
图例：{
位置：'右'，
},
标题：{
显示：对，
文字：“电子联合会”
},
工具提示：{
启用：对，
模式：“单一”，
回调：{
标签：函数（工具提示项、数据）{
返回tooltipItems.yLabel+'kW'；
}
}
},
比例：{
雅克斯：[{
滴答声：{
//值后包括“kW”
回调：函数（值、索引、值）{
返回值+千瓦；
}
}
}]
}
}
});

谢谢大家!

您可以定义如下：

tooltips: {
  callbacks: {
    title: (tooltipItems, data) => tooltipItems[0].xLabel + ' ' +  data.datasets[tooltipItems[0].datasetIndex].label,
    ...
  }

请看一下你修改过的代码，看看它是如何工作的

var条形图=新图表（“图表”{
类型：'bar'，
数据：{
标签：[“一月”、“Fev”、“三月”、“Avr”、“Mai”、“Jui”、“Jui”、“Aou”、“九月”、“十月”、“十一月”、“十二月”]，
数据集：[{
标签：“2019”，
数据：[3,4,5,2,3,2,3,4,1,2,4,5]，
背景颜色：“蓝色”
},
{
标签：“2020年”，
数据：[3,4,1,2,4,5,3,4,5,2,3,2]，
背景颜色：“绿色”
}
]
},
选项：{
回答：是的，
图例：{
位置：'右'，
},
标题：{
显示：对，
文字：“电子联合会”
},
工具提示：{
启用：对，
模式：“单一”，
回调：{
标题：（tooltipItems，data）=>tooltipItems[0].xLabel+''+data.datasets[tooltipItems[0].datasetIndex].label，
标签：tooltipItems=>tooltipItems.yLabel+'kW'
}
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的，
回调：值=>value+'kW'
}
}]
}
}
});

您可以定义如下：

tooltips: {
  callbacks: {
    title: (tooltipItems, data) => tooltipItems[0].xLabel + ' ' +  data.datasets[tooltipItems[0].datasetIndex].label,
    ...
  }

请看一下你修改过的代码，看看它是如何工作的


var条形图=新图表（“图表”{
类型：'bar'，
数据：{
标签：[“一月”、“Fev”、“三月”、“Avr”、“Mai”、“Jui”、“Jui”、“Aou”、“九月”、“十月”、“十一月”、“十二月”]，
数据集：[{
标签：“2019”，
数据：[3,4,5,2,3,2,3,4,1,2,4,5]，
背景颜色：“蓝色”
},
{
标签：“2020年”，
数据：[3,4,1,2,4,5,3,4,5,2,3,2]，
背景颜色：“绿色”
}
]
},
选项：{
回答：是的，
图例：{
位置：'右'，
},
标题：{
显示：对，
文字：“电子联合会”
},
工具提示：{
启用：对，
模式：“单一”，
回调：{
标题：（tooltipItems，data）=>tooltipItems[0].xLabel+''+data.datasets[tooltipItems[0].datasetIndex].label，
标签：tooltipItems=>tooltipItems.yLabel+'kW'
}
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的，
回调：值=>value+'kW'
}
}]
}
}
});

请包括您的代码。请包括您的代码。