1 回答

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊
Chart.js工具提示文檔的“標(biāo)簽回調(diào)”部分包含一個(gè)部分,該部分顯示了如何指定給定數(shù)據(jù)點(diǎn)顯示的文本。您需要編寫一個(gè)帶有以下參數(shù)的函數(shù):
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
return '...';
}
}
}
對于部分工具提示項(xiàng)界面顯示您傳遞給通過回調(diào)什么樣的信息tooltipItem。這里重要的是datasetIndex((項(xiàng)目來源的數(shù)據(jù)集的index索引)和(該數(shù)據(jù)項(xiàng)目在數(shù)據(jù)集中的索引)。使用這些,您可以在中訪問正確的項(xiàng)目data。
將其放在一起是一個(gè)非常簡單的示例訪問,y并value在工具提示中
小提琴(刪除backgroundColor/,borderColor因?yàn)樗鼘?dǎo)致錯誤):
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
var item = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
return item.y + ' ' + item.value;
}
}
}
添加回答
舉報(bào)