chartjs中没有用于分组和堆叠条形图的多个标签

Question

我正试图在chart.js中创建一个带有组的堆叠条形图。但我不希望这些标签出现多次，而只是一个独特的标签。

这是数据集：

datasets: [
{
label: 'First Label',
data: [1,2,3],
borderColor: 'red',
backgroundColor: 'red',
stack: '1'
},
{
label: 'Second Label',
data: [1,2,3],
borderColor: 'green',
backgroundColor: 'green',
stack:'1'
},
{
label: 'First Label',
data: [1,2,3],
borderColor: 'red',
backgroundColor: 'red',
stack:'2'
}

如您所见：Codepen示例标签"第一个标签"加倍，而不是使用相同的标签。我需要这个，因为我有一组数据集，它们都使用相同的标签名称，每个标签应该只存在一次。颜色也会一样。你知道吗？标签筛选功能似乎不起作用。。。我使用的是chart.js v3.1.0谢谢

Answer 1

我自己发现了错误。筛选器函数位于错误的命名空间中。它必须在插件对象中，如：

plugins: {
legend: {
labels: {
filter: function(item, chart) {
// Logic to remove a particular legend item goes here
return item.datasetIndex;
},
},
},

}

而不是直接在选项对象中。