vue chartjs 在图例点击时没有删除线

Question

我最近将我的网站从 vue 2 升级到 vue 3，作为其中的一部分，我也必须升级 vue-chartjs 和 chartjs 的版本。

现在，在我使用

generateLabels

选项（如下所示）更改饼图的图例文本后，单击图例以隐藏该段后的删除线不再有效。

plugins: {
  legend: {
    labels: {
      generateLabels: chart => {
        const data = chart.data;

        if (data.labels.length && data.datasets.length) {
          return data.labels.map((label, i) => {
            const meta = chart.getDatasetMeta(0);
            const style = meta.controller.getStyle(i);

            return {
              text: `${label}: ${this.isMoney ? StringHelper.FormatNumber(data.datasets[0].data[i], true) : data.datasets[0].data[i]}`,
              fillStyle: style.backgroundColor,
              strokeStyle: style.borderColor,
              lineWidth: style.borderWidth,
              hidden: isNaN(data.datasets[0].data[i]) || meta.data[i].hidden,
              index: i,
            };
          });
        }

        return [];
      },
      padding: 30,
      usePointStyle: true,
    },
    position: 'left',
  },
}

Stackblitz 示例

如何再次获得删除线？我尝试将此答案中的onclick添加到图例中，但这完全杀死了饼图

点击 Stackblitz