Highcharts-更改图例索引顺序
使用highcharts创建具有堆叠列的图表时,默认情况下,从上到下添加我的系列-第一个添加的系列放置在顶部。我想改变这种行为,使最后添加的系列在顶部。我试图更改索引和zIndex选项,但图例中的项目也被重新排序。 下面是一个简单的示例:Highcharts-更改图例索引顺序,highcharts,Highcharts,使用highcharts创建具有堆叠列的图表时,默认情况下,从上到下添加我的系列-第一个添加的系列放置在顶部。我想改变这种行为,使最后添加的系列在顶部。我试图更改索引和zIndex选项,但图例中的项目也被重新排序。 下面是一个简单的示例: 是否可以更改堆栈顺序,但保留图例顺序?我只想让图例按字母顺序排列,但图表中的项目是从下到上添加的。是的,这绝对是可能的 您要查找的是名为的参数 这将允许您指定图例中项目的顺序;因此,可以切换堆叠的列,而不切换图例项 例如,您可以执行以下操作: series:
是否可以更改堆栈顺序,但保留图例顺序?我只想让图例按字母顺序排列,但图表中的项目是从下到上添加的。是的,这绝对是可能的 您要查找的是名为的参数 这将允许您指定图例中项目的顺序;因此,可以切换堆叠的列,而不切换图例项 例如,您可以执行以下操作:
series: [
{
name: 'base',
data: [10, 20, 30],
index:1,
legendIndex:0
},
{
name: 'sec',
data: [30, 20, 10],
index:0,
legendIndex:1
}
]
更新:对共享工具提示进行排序 作为对评论的回应,可以使用一些小技巧按照图例中的顺序进行排序。这种黑客行为如下:
yAxis: {
reversedStacks: false
},
索引
属性。在上面的示例中,序列'base'
然后具有索引:0
,并且'sec'
给出索引:1
。共享工具提示中的项目将反向排序您可以使用允许控制顺序的索引参数不确定其正确方式。 但使用CSS也可以更改图例的顺序 在我的例子中,我有角度组件图例&下面是动态生成的HTML
图例1
图例2
图例3
是否有办法对分组的工具提示进行同样的排序?它在工具提示中出现问题。@Hanoncs:是的,这是可能的。请参阅我的更新答案。是否有方法动态设置系列索引?例如,加载时更新系列索引或根据特定条件重新绘制?。如果可以的话,请帮忙。
yAxis: {
reversedStacks: false
},