【问题标题】:How to remove only one specific dataset label chartJS?如何仅删除一个特定的数据集标签chartJS?
【发布时间】:2020-05-04 11:39:37
【问题描述】:

我在 datasets 数组中有两个数据集,它们有My first datasetMy second dataset 之类的标签。我只想显示My first dataset 标签。我在互联网上研究过,只能找到如何全部删除。

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

【问题讨论】:

标签: javascript chart.js


【解决方案1】:

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

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

请参阅以下 sn-p:

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>

【讨论】:

    猜你喜欢
    • 2017-10-22
    • 1970-01-01
    • 1970-01-01
    • 2020-12-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-19
    • 1970-01-01
    相关资源
    最近更新 更多