Chart.js/Ng-charts 堆疊條形圖 - 在條形上顯示百分比，但在工具提示上顯示實際值

Question

我有以下代碼循環遍歷一組鍵和 plot 第 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 中，它確實顯示了實際值，但所有這些都在第 1 組和第 2 組的長列表中，而不僅僅是我懸停的那個

 tooltips: {
      mode: "label",
      callbacks: {
        label: (tooltipItem, data) => {
          return data.datasets[tooltipItem.datasetIndex].actualValue;
        },
      },
    },

Answer 1

您將數組定位為一個 object 以返回，如果您只想返回單個值，您還需要像這樣定位：

label: (tooltipItem, data) => {
  return data.datasets[tooltipItem.datasetIndex].actualValue[tooltipItem.dataIndex];
},