更改chart.js上的工具提示标题

Question

我想为我的图表(用chart js 2.9.2创建(的工具提示分配一个不同的标题。因此，我创建了一个数组，应该始终相应地显示。不幸的是，它并没有像我希望的那样起作用。我希望有人能帮我解决这个问题。

我的数组如下：

var new_title = [<?php echo "'".$title_new."'";?>];

我的尝试是这样的：

title: function(tooltipItem, data) {
for (var x = 0; x < tooltipItems.length; x++) {
return new_title[x];    
};
},

提前谢谢，并为我糟糕的英语道歉。

Answer 1

您可以尝试更新title回调，如：

title: function(tooltipItem, data) {
return new_title[tooltipItem[0].index]; 
},

演示：

const new_title = ['This is a custom title'];
new Chart($("#barchart"), {
type: 'horizontalBar',
data: {
"labels": ["Label"],
"datasets": [{"data": [40]}]
},
options: {
tooltips: {
callbacks: {
title: function(tooltipItem, data) {
return new_title[tooltipItem[0]['index']];
}
}
}
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>
<canvas id="barchart" width="80" height="20"></canvas>