Angular 基于唯一系列/名称的Highchart图例

Angular 基于唯一系列/名称的Highchart图例,angular,typescript,highcharts,Angular,Typescript,Highcharts,在这方面我似乎找不到任何相关或有用的东西。 我的具体使用案例是,该系列将是以下格式的对象数组: { name: 'name_1', date: 'date_1', data: [[0, y-value]] } 其中x坐标对应于类别中的类别,例如: categories = ['Jan', 'Feb', ...] 这种方法的问题是,根据对象的“名称”数量,会有多个系列。如果有5个对象,则无论名称是否相同,它都将被视为5个不同的系列。这意味着在图例中,也将有5个系列 但是,如果

在这方面我似乎找不到任何相关或有用的东西。 我的具体使用案例是,该系列将是以下格式的对象数组:

{
   name: 'name_1',
   date: 'date_1',
   data: [[0, y-value]]
}
其中x坐标对应于类别中的类别,例如:

categories = ['Jan', 'Feb', ...]
这种方法的问题是,根据对象的“名称”数量,会有多个系列。如果有5个对象,则无论名称是否相同,它都将被视为5个不同的系列。这意味着在图例中,也将有5个系列

但是,如果存在相同的系列/名称,我希望图例仅显示唯一的系列/名称。这是一个JSFIDLE,它说明了我的痛点-

提前谢谢

编辑: 感谢塞巴斯蒂安的解决方案!虽然它解决了显示唯一系列/名称的问题,但还需要做一些工作来修复颜色。也就是说,图表中系列的颜色与图例栏中的颜色不同

因此,我所做的是使用colorIndex按颜色对系列进行分组。
这里是JSFIDLE-

您需要使用
链接到
功能将每个系列分配给主系列(图例中会显示此系列)。在您的代码中,此行必须删除,因为它会干扰链接到的工作:

scatter: {
   showInLegend: true,
   ...
}
演示:


API:

我以前发现了linkedTo,但无法使用您当时尝试使用的代码,因此我们可以修复它。