显示/隐藏每个数据集的chartjs-plugin-datalabels react-chartjs-2

Question

请注意，这是在使用react-chartjs-2的情况下进行的。

我有一个简单的条形图，其中包含3个数据集，并且启用了chartjs-plugin-datalabels，因此我可以看到条形图上方的标签。

打开已经隐藏的数据集将正确显示datalabel和条的动画。但是问题是，当我隐藏数据集时，标签不会更新，因此它们会在我隐藏该数据集之前在条形高度处静态浮动。

我需要设置哪些选项来与栏一起更新？

 <Bar
   data={this.state.graphData}
   legend={this.state.legendOptions}
   options={{
     plugins: {
       datalabels: {
        color: 'black',
        padding: '0',
        backgroundColor: 'white',
        offset: 0,
        formatter: value => this.moneyFormat(value),
        align: 'end',
        anchor: 'end',
        display: context => context.dataset.hidden, // this needs to update ??
      },
     },
   }}
 />

传奇选项：

{
  labels: {
    fontSize: 18,
    // onClick ??
  },
}

感谢您的帮助。