haus
Posts: 1
Joined: Sat Mar 02, 2019 11:35 pm

Network Graph performance issues

Sat Mar 02, 2019 11:52 pm

I have been trying out the network graph module and have been running into performance issues. The graphs I want to display have the potential to have hundreds of nodes and thousands of connections between them. Graphs of this size seem to lock up the browser.

Here is a JSFiddle of my implementation. It increases in size every second to test performance, and I am running into severe performance issues around 100 nodes. As you can see, I have boost included, but it appears that the network graph module either does not support boost or does not correctly implement it.

I am not really concerned with interactivity of the graph. I would just like to have the graph displayed how it is in the fiddle, without any animations, tooltips, or events. Overall, I would just like to be able to update the graph with new networks without locking up the page. Is this possible?

rafalS
Posts: 2625
Joined: Thu Jun 14, 2018 11:40 am

Re: Network Graph performance issues

Mon Mar 04, 2019 10:57 am

Hi haus,

Welcome to our forum and thanks for contacting us.

As far as I know, the boost module doesn't work with networkgraph series.
Our developer responsible for this series is off today, I will provide you more info tomorrow.

Best regards!
Rafal Sebestjanski,
Highcharts Developer

babonaresh
Posts: 2
Joined: Fri Dec 13, 2019 7:05 pm

Re: Network Graph performance issues

Fri Dec 13, 2019 7:07 pm

Is there a way to boost the network graph, I have around 1500 nodes

babonaresh
Posts: 2
Joined: Fri Dec 13, 2019 7:05 pm

Re: Network Graph performance issues

Fri Dec 13, 2019 7:10 pm

is this issue resolved? can I know how?

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

Re: Network Graph performance issues

Mon Dec 16, 2019 9:28 am

Hello, babonaresh.

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

As you can read on our docs page, the boost module is currently working with line series, column, bar, treemap, heatmap, scatter, bubble, area.
If you want us to add this functionality in the future releases of the Highcharts, please post your idea here: https://highcharts.uservoice.com/
Docs References: https://www.highcharts.com/docs/advance ... ost-module

Feel free to ask any further questions.

Best regards.
Mateusz Kornecki
Highcharts Developer

Mille
Posts: 24
Joined: Wed Jan 23, 2019 7:28 pm

Re: Network Graph performance issues

Thu Oct 14, 2021 4:18 pm

Sorry for highjacking this thread, but it popped up searching for relevant information.

Is it about right that you start noticing performance issues around 100-200 nodes with Highcharts network graph? I understand it depends on the computer, but on average.

I even tried disabling simulation like seen below, but perhaps I'm doing something wrong, or can do something better to increase the performance?

Code: Select all

layoutAlgorithm: {
  enableSimulation: false,
  integration: 'verlet',
  linkLength: 200,
}
My goal is to display around 500-600 nodes.

mateusz.b
Posts: 785
Joined: Tue Jul 13, 2021 11:34 am

Re: Network Graph performance issues

Fri Oct 15, 2021 9:47 pm

Hello Mille,

No worries about hijacking this thread - actually we encourage to ask questions in related topics because it makes easier to find informations for other users and keeps forum clean.

When it comes to your question, it is true that first performance issues can be seen when network graph reaches 200 nodes. Many users keep asking about boost module, but unfortunetely it is still not implemented for this type of series. I think that you might want to read this related github issue: https://github.com/highcharts/highcharts/issues/11428
You can find there plenty of usefull informations and options that could potentially enhance network graph performance, and also you can read that disabling simulations might not be the best idea in terms of performance improvement.

It is hard to tell for sure whether 500-600 nodes would cause severe performance issues. Feel free to create such demo with hardcoded data and we will take a look at it.

Best regards!

Return to “Highcharts Usage”