如何在堆叠分组柱状图的柱子与底部状态标签间添加主活动标签？

需求：在堆叠分组柱状图的每个柱子下方添加标签，每个数据集对应子活动，需为每列添加主活动标签，位置在底部黑色状态标签与柱子之间。

尝试过程 #

使用Chart.js的datalabels插件进行配置，初始代码如下：

plugins: {
  legend: { display: true },
  datalabels: {
    labels: {
      name: {
        align: 'top',
        color: 'RED',
        formatter: function(value, ctx) {             
          return value
        },
      },
      value: {
        align: 'bottom',
        formatter: function(value, ctx) {
          return ctx.dataset.stack
        },
        rotation: 0,
      },
    },
  },
},

遇到的问题：无法将每列的唯一活动标签显示在图表外部（底部状态标签与柱子之间），仅能在柱子内部显示单个活动标签。

解决方法 #

调整datalabels中value标签的配置，关键代码修改如下：

value: {
  align: 'bottom',
  anchor: 'start',
  offset: 0,
}

调整后成功实现了在指定位置显示主活动标签的需求。

内容的提问来源于stack exchange，提问作者user1939481