Javascript 图表JS-页面刷新后记住隐藏标签状态

在Chart.js中，可以使用hidden参数以编程方式从图形中隐藏标签。当用户单击标签并将其隐藏时，我希望将此状态更改存储在cookie/缓存中，因此当用户返回页面时，标签已经隐藏。这可能吗？我如何才能做到这一点？

我正在使用Chart.js v2.9.3

我想您已经知道如何处理cookie了，下面的代码覆盖了默认函数，该函数为您提供了一个索引，您可以将该索引存储在cookie中以供进一步使用

onClick(e, legendItem) {
    // Get the index
    const index = legendItem.datasetIndex;
    //index alert
    alert("dataset index " + index + " was clicked")

    // this table object
    const ci = this.chart;

    // show/hide dataset
    var meta = ci.getDatasetMeta(index);
    meta.hidden = meta.hidden === null? !ci.data.datasets[index].hidden : null;

    // We hid a dataset ... rerender the chart
    ci.update();
},

复制粘贴此代码到选项>图例：{Here}

最后，这里是一个JSFIDLE实时示例。