请注意:有很多版本是针对v2的答案,这个答案适用于v3。
我正在尝试设置一个甜甜圈图表的提示文本标签和标题。
代码:
我正在尝试设置一个甜甜圈图表的提示文本标签和标题。
代码:
//Create the donut chart
donut = new Chart('questions_positivity_donut', {
type: 'doughnut',
data: {
labels: ["Positive", "Other"],
datasets: [{
label: 'Sentiment',
data: [user_context.state.avg_joy, (1-user_context.state.avg_joy)],
backgroundColor: ['#a9a9a9','#f2f2f2']
}]
},
options: {
cutout: "70%",
plugins: {
legend: {
display: false
},
maintainAspectRatio: false,
responsive: true,
tooltip: {
callbacks: {
label: function(context) {
let label = new Intl.NumberFormat('en-US', {style: 'percent', minimumFractionDigits: 0, maximumFractionDigits: 0}).format(context.formattedValue);
return label;
},
title: function(context) {
let title = context.parsed.x;
return title;
}
},
displayColors: false
}
}
}
});
如何在tooltip.callback
中返回正确的标题?
例如:“Positive 35%”和“Other 65%”
TypeError: Converting circular structure to JSON
。 - Izziconsole.log(context)
。 - LeeLenalee