safir_93
Posts: 1
Joined: Wed Mar 22, 2023 8:51 am

Changing the legend navigation symbols?

Hi!

I'm trying to modify my chart to use the same icons that we have in the rest of our site, but I have some trouble finding the correct settings.
Screenshot 2023-03-22 095921.png
Screenshot 2023-03-22 095921.png (772 Bytes) Viewed 136 times
I want ot change these (triangle and triangleDown) to my own defined SVGs
kamil.k
Posts: 458
Joined: Thu Oct 06, 2022 12:49 pm

Re: Changing the legend navigation symbols?

Hello safir_93,

Welcome to our forum and thanks for contacting us with your question!

Unfortunately, there is no straightforward API option you can use to change that. My suggestion is to override the core method responsible for rendering these icons. I've prepared a demo, take a look: https://jsfiddle.net/BlackLabel/38c47f0z/.

Note that I've left comments on the lines you should assign your own icons.

I hope you will find it useful,
Kind Regards!
Kamil Kubik
Highcharts Developer

Return to “Highcharts Usage”