Highcharts-更改图例索引顺序

Highcharts-更改图例索引顺序,highcharts,Highcharts,使用highcharts创建具有堆叠列的图表时,默认情况下,从上到下添加我的系列-第一个添加的系列放置在顶部。我想改变这种行为,使最后添加的系列在顶部。我试图更改索引和zIndex选项,但图例中的项目也被重新排序。 下面是一个简单的示例: 是否可以更改堆栈顺序,但保留图例顺序?我只想让图例按字母顺序排列,但图表中的项目是从下到上添加的。是的,这绝对是可能的 您要查找的是名为的参数 这将允许您指定图例中项目的顺序;因此,可以切换堆叠的列,而不切换图例项 例如,您可以执行以下操作: series:

使用highcharts创建具有堆叠列的图表时,默认情况下,从上到下添加我的系列-第一个添加的系列放置在顶部。我想改变这种行为,使最后添加的系列在顶部。我试图更改索引和zIndex选项,但图例中的项目也被重新排序。 下面是一个简单的示例:


是否可以更改堆栈顺序,但保留图例顺序?我只想让图例按字母顺序排列,但图表中的项目是从下到上添加的。

是的,这绝对是可能的

您要查找的是名为的参数

这将允许您指定图例中项目的顺序;因此,可以切换堆叠的列,而不切换图例项

例如,您可以执行以下操作:

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 
    },