如何只删除一个特定的数据集标签 chartJS?

问题描述 投票:0回答:1

我有两个数据集在数据集数组中,它们的标签是这样的。My first datasetMy second dataset...我只想展示 My first dataset 标签.我在网上研究了一下,只找到了如何全部删除或不删除。

enter image description here

在这里jsFiddle.com,你会发现,在这里,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现,你会发现。http:/jsfiddle.netyj6mqu4r。

javascript chart.js
1个回答
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/[email protected]/dist/Chart.js"></script>
© www.soinside.com 2019 - 2024. All rights reserved.