Chart.js - 如何在加载时将折线图数据集设置为禁用

Question

使用chart.js v2,是否可以将折线图中的数据集标记为在初始加载时被禁用？

在文档中没有找到它的选项.

Answer 1

是的,ChartJS中有一个"隐藏"标志.例如.

data:
{
        datasets: [
        {
            data: [1,2,3],
            label: 'My First Dataset',
            hidden: true,
        },
        ],
}

在GitHub上看到这个问题:https://github.com/chartjs/Chart.js/issues/689

Answer 2

接受的解决方案有一个缺点，即在初始化图表后，隐藏/取消隐藏信号有时可能会失败。

在数据集的当前元数据中更改它可能是一个更好的主意，该元数据保存图表使用的实际数据：

chart.data.datasets.forEach((dataSet, i) => {
  var meta = chart.getDatasetMeta(i);

  meta.hidden = (<your-condition-here>);
});

this.chart.update();