Chart.js 如何显示堆栈标签/名称？

在这个奇妙的场景中，我们知道蓝色和红色属于

堆栈：“堆栈0”

。一年后，在图表中显示“Stack 0”和“Stack 1”的最简单方法是什么？

我发现datalabels插件最容易使用，安装也很简单：

这里有一个快速演示：

---

编辑：哦，我知道你实际上只是想用它所代表的东西来标记数据，而不是值。通过提供一个

格式化程序

函数作为选项，您仍然可以做到这一点。在这种情况下，您将覆盖数据以仅显示标签。标签数据可能在上下文中。

如David所说，您可以使用以下实现：

plugins: {
  datalabels: {
    align: 'start',
    anchor: 'start',
    color: 'black',
    formatter: function(value, context) {
      let ds = context.chart.data.datasets
      // check if it's the first ds
      if(ds[context.datasetIndex - 1]) {
        // check if the ds is in the same stack as the ds before
        if(ds[context.datasetIndex - 1].stack == ds[context.datasetIndex].stack) {
          return ''
        } else {
          return ds[context.datasetIndex].stack;
        }
      } else {
        return ds[context.datasetIndex].stack;
      }
    }
  }
}