javascript - 单击每个标签加载 ChartJS

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;
});

结果:

代码笔:Chart.js Pre Crossed Series