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

Question

在Chart.js中，可以使用“ hidden”参数以编程方式从图形中隐藏标签。当用户单击标签并将其隐藏时，我想将此状态更改存储在cookie /缓存中，因此当用户返回页面时，标签已被隐藏。这可能吗？我该怎么办？

Answer 1

我正在使用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();
},

复制此代码，将其粘贴到选项> 传奇：{此处}

最后，这是一个jsFiddle实时示例。https://jsfiddle.net/pt0s95r7/1/