钻取条形图切换数据集后图例未更新的技术求助

我参考YouTube视频和论坛资源做了一个钻取条形图，但切换不同数据集的时候，图例没法同步更新。点击第一个条形进入钻取视图后，图例显示的是错误标签，和悬浮提示里的正确内容对不上。

完整代码 #

// 粘贴你的完整钻取条形图代码
// 示例代码（请替换为实际代码）
const drilldownChart = new Chart(document.getElementById('bar-chart'), {
  type: 'bar',
  data: {
    labels: ['主分类A', '主分类B'],
    datasets: [{
      label: '主数据汇总',
      data: [40, 60],
      backgroundColor: ['#4BC0C0', '#9966FF'],
      drilldownIds: ['subA', 'subB']
    }]
  },
  options: {
    plugins: {
      legend: { position: 'top' },
      tooltip: {
        callbacks: {
          label: (ctx) => `${ctx.dataset.label}: ${ctx.raw}`
        }
      }
    },
    onClick: function(e) {
      const activeBar = this.getElementAtEvent(e)[0];
      if (activeBar) {
        const targetDrilldown = this.data.datasets[0].drilldownIds[activeBar.index];
        // 模拟切换钻取数据集
        if (targetDrilldown === 'subA') {
          this.data.labels = ['子项A1', '子项A2'];
          this.data.datasets[0].data = [25, 15];
          // 此处未正确更新图例标签
          this.update();
        }
      }
    }
  }
});

问题截图 #

恳请各位帮忙排查问题，解决图例与数据集同步更新的问题。

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