javascript - 如何仅删除一个特定的数据集标签chartJS？

Question

我的数据集数组中有两个数据集，它们具有诸如我的第一个数据集和我的第二个数据集之类的标签。我只想显示我的第一个数据集 code> label。我在网上查了一下，只能找到如何删除全部或不删除。

这里 jsFiddle :http://jsfiddle.net/yj6mqu4r/

Answer 1

在选项中，添加以下内容:

options: {
   legend: {
      labels: {
         filter: function(label) {
            if (label.text == 'My first dataset') return true;
          }
       }
    }
 }

请参阅以下代码片段:

var config = {
            type: 'line',
            data: {
                labels: ["January", "February", "March", "April", "May", "June", "July"],
                datasets: [{
                    label: "My first dataset",
                    data: [65, 0, 80, 81, 56, 85, 40],
                    fill: false
                }, {
                    label: "My second dataset",
                    data: [60, 20, 50, 41, 36, 25, 80],
                    fill: false
                }]
            },
            options: {
                legend: {
                    labels: {
                        filter: function(label) {
                            if (label.text == 'My first dataset') return true;
                        }
                    }
                }
            }
        };

        var ctx = document.getElementById("myChart").getContext("2d");
        new Chart(ctx, config);

<canvas id="myChart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.js"></script>