Chart.js v2.9.4如何隐藏单个数据集标签的文本？

针对只隐藏某一个dataset标签文本（而非全部，且避免空标签占位）的需求，可以通过自定义图例标签生成逻辑实现，具体方案如下：

• 核心思路：利用Chart.js的options.legend.labels.generateLabels方法，自定义每个标签的显示内容，对目标标签清空文本并移除占位相关样式。
• 代码示例：
  假设你要隐藏索引为0的dataset标签，配置如下：

  var chart = new Chart(ctx, {
    type: 'pie',
    data: {
      datasets: [{
        label: '要隐藏的标签', // 目标标签
        data: [10, 20],
        backgroundColor: ['#FF6384', '#36A2EB']
      }, {
        label: '正常显示的标签1',
        data: [30],
        backgroundColor: '#FFCE56'
      }, {
        label: '正常显示的标签2',
        data: [40],
        backgroundColor: '#4BC0C0'
      }]
    },
    options: {
      legend: {
        labels: {
          generateLabels: function(chart) {
            var originalLabels = Chart.defaults.global.legend.labels.generateLabels(chart);
            // 遍历标签数组，修改目标标签的显示内容
            return originalLabels.map(function(label, index) {
              // 可根据索引或标签文本匹配目标，这里以索引0为例
              if (index === 0) {
                return {
                  ...label,
                  text: '', // 清空标签文本
                  fillStyle: 'transparent', // 隐藏颜色块
                  strokeStyle: 'transparent'
                };
              }
              return label;
            });
          }
        }
      }
    }
  });
  

• 灵活调整说明：
  • 若只想隐藏文本保留颜色块，去掉fillStyle和strokeStyle的设置即可，若仍有占位，可添加padding: 0缩小空白区域。
  • 若通过标签文本匹配目标，把判断条件改成if(label.text === '你的目标标签文本')即可。

内容的提问来源于stack exchange，提问作者djlj