tiencong283
Posts: 4
Joined: Mon Aug 03, 2020 2:58 am

How to enable zoom feature on Organization chart

Hi all,
I've been using Organization chart for representing process tree but the rendered graph for complex process tree was not as expected. Anyone recommend me a good solution for this issue ?

Image
mateuszkornecki
Posts: 1222
Joined: Mon Oct 28, 2019 10:29 am

Re: How to enable zoom feature on Organization chart

Hello,

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

I think there are two possible solutions to that problem. You could reduce the container width/height and change its overflow to scrollbar, or you can consider using drilldown that should be available for the organization chart in the future release.

You can find more information about the drilldown for the organization chart in this thread:
https://github.com/highcharts/highcharts/issues/13711

Live demo:
https://jsfiddle.net/BlackLabel/zok3p8j6/ (scrollbar)

Let me know if you have any further questions!

Best regards.
Mateusz Kornecki
Highcharts Developer
Zolotoy
Posts: 270
Joined: Tue Apr 14, 2020 10:06 am

Re: How to enable zoom feature on Organization chart

How do I enable a vertical scrollbar?
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: How to enable zoom feature on Organization chart

Hi Zolotoy,

Thanks for contacting us with your question.

Please try the demo provided by my colleague in previous post, vertical scrollbar seems to work correctly:
https://jsfiddle.net/BlackLabel/zok3p8j6/

Regards!
Mateusz Bernacik
Highcharts Developer
Zolotoy
Posts: 270
Joined: Tue Apr 14, 2020 10:06 am

Re: How to enable zoom feature on Organization chart

So, what enables scrollbars?
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: How to enable zoom feature on Organization chart

Zolotoy,

Zoom is enabled by setting overflow: scroll in CSS.

Code: Select all

#container {
		max-width: 800px;
		max-height: 300px;
    overflow: scroll !important;
}
https://developer.mozilla.org/en-US/doc ... S/overflow

Let me know if you have any further questions.
Regards!
Mateusz Bernacik
Highcharts Developer
Zolotoy
Posts: 270
Joined: Tue Apr 14, 2020 10:06 am

Re: How to enable zoom feature on Organization chart

Ah, I see. speaking about the Zoom. Is it possible to have it in organization chart?
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: How to enable zoom feature on Organization chart

Zolotoy,

Unfortunately it is not possible. Zoom is not implemented for this series type. Feel free to create a feature request here:
https://github.com/highcharts/highchart ... new/choose

Regards!
Mateusz Bernacik
Highcharts Developer
yamali
Posts: 1
Joined: Mon Aug 15, 2022 3:43 pm

Re: How to enable zoom feature on Organization chart

Hi,

I know i shouldnt post here in the old forum. However,

in Org Chart drilldown with more than one node , the links are not linear. Triangle shapes are coming.

Can be tested here ( clikc on Div 2 ): https://jsfiddle.net/yamali/vbrza846/

Which parameter to be set, please advise
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: How to enable zoom feature on Organization chart

Hello Yamali,

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

This is a bug that was reported on GitHub and already has a workaround: https://github.com/highcharts/highcharts/issues/16288

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”