laloune
Posts: 23
Joined: Thu Aug 28, 2014 10:10 pm

Organization Charts - Format edges ?

Hello,

is this possible to format the edges in an organization chart ? I would like some of them dotted instead of solid.

thanks !

best
laloune
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Organization Charts - Format edges ?

Hi laloune,

Thanks for contacting us with your question.

Could you be a bit more specific which edges? Chart's border or edges of each node? Thanks in advance for clarification.

Regards!
Mateusz Bernacik
Highcharts Developer
laloune
Posts: 23
Joined: Thu Aug 28, 2014 10:10 pm

Re: Organization Charts - Format edges ?

Hello,

with "edges" I mean the links between the nodes
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Organization Charts - Format edges ?

laloune,

Thanks for these details. To make links dotted you need to use CSS and stroke-dasharray property.
Demo: https://jsfiddle.net/BlackLabel/ymqcewp8/

Let me know if that was what you were looking for!
Regards!
Mateusz Bernacik
Highcharts Developer
laloune
Posts: 23
Joined: Thu Aug 28, 2014 10:10 pm

Re: Organization Charts - Format edges ?

how great! thanks a lot!

just a last short question : is this possible to mix them, e.g; the edge from "Shareholders" to "Board" dotted, and the rest solid ? would it work somehow by passing a class to the edge accordingly ?
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Organization Charts - Format edges ?

Hi laloune,

You could target specific link with css selectors, for example nth-child.
Demo: https://jsfiddle.net/BlackLabel/ywqz3s2k/

Alternatively, you can target it with aria-label and possibly few other properties available in DOM.
Demo: https://jsfiddle.net/BlackLabel/jbc4xdq7/

Let me know if that was what you were looking for!
Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”