我尝试将数据标签添加到chartJS中的堆叠条形图/折线图中，特别是在折线图区域。因为值没有与Y轴对齐，所以我想使用chartJS数据标签插件来显示折线图顶部的值，只是为了在打印出来时更好地澄清。我尝试的是：

# 1 putting into config

const config = {
    type: 'line',
    data: data,
    options: {
      plugins: {
        datalabels: {
          anchor: 'end',
          align: 'top',
          formatter: function(value, context) {
            return GetValueFormatted(value);
          },
          borderRadius: 4,
          color: 'white',
          font: {
            weight: 'bold'
          },
          formatter: Math.round,
          padding: 6
        },
        title: {
          display: true,
          text: 'Menu Performance Chart'
        },
      },
      scales: {
        y: {
          stacked: true
        }
      }
    },
  };

# 2 putting into specific dataset

const data = {
    labels: labels,
    datasets: [{
        label: 'Sub Total Sales (RM)',
        data: [
          '111',
          '22',
          '31',
          '12',
          '71',
          '110',
          '22',
        ],
        borderColor: 'rgb(255, 99, 132)',
        backgroundColor: 'rgba(255, 99, 132, 0.2)',
        stack: 'combined',
        type: 'bar'
      },
      {
        label: 'Total Amount Sold',
        data: [
          '11',
          '2',
          '3',
          '1',
          '7',
          '10',
          '2',
        ],
        borderColor: 'rgb(255, 159, 64)',
        backgroundColor: 'rgba(255, 159, 64, 0.2)',
        stack: 'combined',
        datalabels: {
          color: '#FFCE56'
        }
      },
    ]
  };

我甚至同时尝试了两种，看看有没有结果。有没有人能协助我这方面的工作？提前感谢。
下面是我在JSFiddle中的代码演示：https://jsfiddle.net/4gat7rzs/4/