Javascript 显示分组堆叠柱形图的图例-高部分

我正在使用highcharts渲染柱形图。由于它是一个分组的堆叠柱状图，目前我得到了重复的图例名称，正如您在小提琴中看到的：

我试图在传说中只呈现唯一的名字；就我而言：

john fem

我基本上是想把所有的传奇人物放在一起（约翰=>蓝色系列+绿色+紫色）

代码：

$（函数（）{
$（“#容器”）。高图({
图表：{
类型：'bar'
},
标题：{
正文：“水果消费总量，按性别分组”
},
xAxis：{
类别：[‘苹果’、‘橘子’、‘梨’、‘葡萄’、‘香蕉’]
},
亚克斯：{
allowDecimals:false，
分:0,，
标题：{
文本：“水果数量”
}
},
工具提示：{
格式化程序：函数（）{
返回“+this.x+”
+
this.series.name+'：'+this.y+'
+
“总计：”+this.point.stackTotal；
}
},
打印选项：{
酒吧：{
堆叠：“正常”
}
},
系列：[{
名称：“已确认”，
堆栈：“活动”，
数据：[47401378,8]
}, {
数据：[2932141]，
名称：“潜力”，
堆栈：“活动”
}, {
数据：[1752,11]，
名称：“已确认”，
堆栈：“重新打开”
},{
数据：[1089,2]，
名称：“潜力”，
堆栈：“重新打开”
},{
数据：[2332196042]，
名称：“潜力”，
堆栈：“新”
},{
数据：[4804684258]，
名称：“已确认”，
堆栈：“新”
}]
});
});

---

这是否可能

使用

链接到

属性：

series: [{
  ...,
  id: 'john'
}, {
  ...,
  id: 'fem'
}, {
  ...,
  linkedTo: 'john'
}, {
  ...,
  linkedTo: 'fem'
}, {
  ...,
  linkedTo: 'john'
}, {
  ...,
  linkedTo: 'fem'
}]

---

现场演示：

API参考：

series: [{
  ...,
  id: 'john'
}, {
  ...,
  id: 'fem'
}, {
  ...,
  linkedTo: 'john'
}, {
  ...,
  linkedTo: 'fem'
}, {
  ...,
  linkedTo: 'john'
}, {
  ...,
  linkedTo: 'fem'
}]