kdarneja-clarivate
Posts: 3
Joined: Wed Oct 27, 2021 3:40 pm

How to render this use case using NEtwork Cahrts

We are trying to use Network charts. The use case is to show 2 types of nodes connected to a central node. But the two types of nodes should be shows separately, as though they were separate groups.

How will we do this (images attached) Developers have tried various permutations and combinations using the API but haven't had success

Image
Attachments
Screenshot at Oct 27 11-37-06.png
Screenshot at Oct 27 11-37-06.png (178.79 KiB) Viewed 141 times
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: How to render this use case using NEtwork Cahrts

Hi,

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

Unfortunately, this is not possible from the API options. To achieve this you need to extend Highcharts core code and use Highcharts. SVGRenderer for drawing f.e. arrows.

You will find more information in the following links:

Extending Highcharts
https://www.highcharts.com/docs/extendi ... highcharts

Highcharts. SVGRenderer
https://api.highcharts.com/class-refere ... VGRenderer

I would also recommend checking Organization chart, which seems to be more relevant for your example.

Let me know if that was what you were looking for!
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Usage”