我可以在保留原始功能的同时向图例添加回调函数吗？

Question

我有一个用 chartjs 制作的带有图例的简单折线图。默认情况下，当用户单击图例时，它会显示/隐藏用户单击的数据集。我有一个我想调用的回调函数，但是当我将回调函数分配给图例时，显示/隐藏数据集的原始功能不再存在。有没有办法让我在不摆脱默认功能的情况下添加我的回调函数？下面是我当前的图例 onClick 的外观，“vm.legendOnclickCallback()”现在只是调用一个 console.log 语句进行测试。我的过滤函数用于从图例中去掉一个条形图（名为 dayBar）。

legend: {
        labels: {
               filter: function (item, chart) {
                    return !item.text.includes('dayBar');
                }
        },
        onClick: vm.legendOnclickCallback
}

Answer 1

docs 展示了如何执行此操作。您可以在自定义函数中调用默认处理程序：

var defaultLegendClickHandler = Chart.defaults.global.legend.onClick;
defaultLegendClickHandler(e, legendItem);