ingezone
Posts: 28
Joined: Mon Feb 01, 2021 3:16 am

Legend location opposite rangeSelector

Hello

How can I change the legend outside the location of the graphic area, specifically in the same row and opposite side of the rangeSelector

Regards :D

Image
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Legend location opposite rangeSelector

Hello ingezone!

We appreciate you reaching out to us!

We can get this position of legend using some properties from our API. E.g we need to set align property to 'right' or verticalAlign property to 'top'. Check out the demo in the link below and tell me if it meets your expectations.

API references:
https://api.highcharts.com/highstock/legend.align
https://api.highcharts.com/highstock/legend.enabled
https://api.highcharts.com/highstock/legend.floating
https://api.highcharts.com/highstock/legend.layout
https://api.highcharts.com/highstock/le ... ticalAlign
https://api.highcharts.com/highstock/legend.y

Demo:
https://jsfiddle.net/BlackLabel/cawrg8z0/

Best regards!
Dominik Chudy
Highcharts Developer
ingezone
Posts: 28
Joined: Mon Feb 01, 2021 3:16 am

Re: Legend location opposite rangeSelector

Just what I needed.

Thank you very much.
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Legend location opposite rangeSelector

You're welcome!

In case of any further questions, feel free to contact us again.
Dominik Chudy
Highcharts Developer

Return to “Highcharts Stock”