Highcharts - Change legend index order

Question

When creating a chart with stacked columns using highcharts my series are added by default from top to bottom - the first added series is placed on top. I\'d like to alter t

Answer 1

Not sure it its correct way. But using CSS also you can change the order of your legends.

In my case i have angular component legends & following HTML in it which will generate dynamically.

---

    
legend 1
    
legend 2
    
legend 3

After applying some CSS it will reverse the order of legends.

:host ::ng-deep .saving-chat .legend {
    display:flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
}