Question

我希望在工具提示标题中添加“Ages”这个词，以表示图表中的年龄组。

基本上，标题应为“年龄11-20岁”。但是，我得到“未定义的年龄”？

任何人都知道我为什么会遇到这个问题？

代码（小提琴）：

var ageRangedata = {type: 'bar',
data:{datasets: [
{ data : [0,1,5,2,1,0,0, 0, 0, 0], backgroundColor: 'rgba(255, 209, 240, 0.6)', borderColor: 'rgba(255, 209, 240, 1)', borderWidth: 2, label: 'Female' },
{ data : [1,0,1,1,6,1,0, 1, 0, 0], backgroundColor: 'rgba(81, 187, 245, 0.6)', borderColor: 'rgba(81, 187, 245, 1)', borderWidth: 2, label: 'Male' }],

labels:['0-10','11-20','21-30','31-40','41-50','51-60','61-70', '71-80', '81-90', '90-']},
options: {maintainAspectRatio: false,responsive: true, tooltips: { callbacks: { title: function(tooltipItem, data) { return 'Ages ' + data.labels[tooltipItem.Index]; }}},legend: { display: false }}};

var ageR = document.getElementById("ageRange").getContext("2d");
var chart_ageR = new Chart(ageR, ageRangedata);

对于任何知道使用afterLabel将文本发送到标签下方而不是之后（因为它听起来应该这样做）的人来说，

额外点（侧面问题，忽略，如果你想））？

https://jsfiddle.net/unc76c7s/

Answer 1

试试这样：

return 'Ages ' + tooltipItem[0].xLabel;

在任何情况下，您的错误都非常明确。您可以在回调中执行tooltipItem的console.log，看看您是否正确使用它。

希望这有帮助。

ChartJS 2工具提示标题未定义

1 个答案: