单击加载图表JS上的每个标签

Question

我正在尝试使用ChartJS图表加载图表后单击每个标签。我编写了以下代码，但无法通过我所拥有的内容。任何见解或帮助都将不胜感激。

        myChart.legend.legendItems.forEach(function(label, key) {
            console.log(myChart.legend.legendItems[key].hidden);
            if (label.datasetIndex) {
                myChart.legend.legendItems[key].hidden = true;
            }
            console.log(myChart.legend.legendItems[key].hidden);
        });

        myChart.update();

我正在尝试绘制图表，以便在首次加载时，每个标签都被划掉并隐藏。我有正确的想法将其设置为隐藏和更新吗？谢谢！

Answer 1

这对我有用：

 multiLineChart.legend.legendItems[0].hidden = true;
 multiLineChart.data.datasets[0].hidden = true;

出于某种原因，更新方法不太有效，但它确实有效：

function init() {
 myBarChart = new Chart(ctx, {
  type: chartType,
  data: data,
  options: options
 });
myBarChart.legend.legendItems[0].hidden = true;
myBarChart.data.datasets[0].hidden = true;
}

以及您的功能：

multiLineChart.legend.legendItems.forEach(function(label, key) {
  multiLineChart.legend.legendItems[key].hidden = true;
  multiLineChart.data.datasets[key].hidden = true;
});

Codepen: Chart.js预交叉系列