我有以下代碼回圈遍歷一組鍵并在每個鍵上繪制第 1 組和第 2 組的分數。
我希望堆積條形圖顯示百分比（每個組有不同數量的人來計算百分比），所以我計算出百分比并將它們推入資料陣列。
對于工具提示，我希望它顯示實際值（而不是百分比），所以我為工具提示制作了一個 actualValue 陣列。
for (let key of this.keys) {
subject.stackedChartData.push({
data: [
((subject[key.label "Group 1"] / this.totalNumberOfGroup1) * 100).toFixed(0),
((subject[key.label "Group 2"] / this.totalNumberOfGroup2) * 100).toFixed(0),
],
label: key.label,
actualValue: [subject[key.label "Group 1"], subject[key.label "Group 2"]],
});
}
我的問題是，如何讓工具提示顯示實際值而不是資料百分比值。
我嘗試將此添加到我的stackedChartOptions，它確實顯示了actualValue，但它們都在組1和2的長串列中，而不僅僅是我懸停的那個
tooltips: {
mode: "label",
callbacks: {
label: (tooltipItem, data) => {
return data.datasets[tooltipItem.datasetIndex].actualValue;
},
},
},
uj5u.com熱心網友回復：
您將陣列定位為一個要回傳的物件，如果您只想回傳單個值，您還需要像這樣定位它：
label: (tooltipItem, data) => {
return data.datasets[tooltipItem.datasetIndex].actualValue[tooltipItem.dataIndex];
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/493282.html
標籤：javascript 图表.js 工具提示 堆积图
下一篇：從收音機中獲取價值，如何優化它？