Network graph issue in highchart 9

This code is working fine with highchart version 7 but after upgrading highchart vesrion 9 it is causing issue. All co-ordinates of all nodes and paths are getting set to 0. And graph is appearing as single marker in extreme left corner of div. Also console logs are clear. But still graph is not visible

import Highcharts from 'highcharts';
import HighchartsNetworkgraph from 'highcharts/modules/networkgraph';

// Initialize the network graph module
HighchartsNetworkgraph(Highcharts);

// Sample data for the network graph
const data = [
['A', 'B'],
['A', 'C'],
['B', 'D'],
['C', 'D'],
['D', 'E'],
['E', 'F'],
['F', 'A']
];

// Create the chart
Highcharts.chart('container', {
chart: {
type: 'networkgraph',
layoutAlgorithm: {
enableSimulation: true
}
},
title: {
text: 'Basic Network Graph'
},
plotOptions: {
networkgraph: {
keys: ['from', 'to'],
layoutAlgorithm: {
enableSimulation: true
}
}
},
series: [{
dataLabels: {
enabled: true,
linkFormat: ''
},
data: data
}]
});

Continue reading...