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

Question

请注意，这是在 react 和 using 中react-chartjs-2。

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

打开已经隐藏的数据集将使数据标签与栏一起正确设置动画。但问题是，当我隐藏数据集时，标签不会更新，因此它们会在我隐藏该数据集之前静态浮动到条形高度所在的位置。

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

 <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 ??
  },
}

谢谢您的帮助。