Q:

Angular-7 Highchart Node.marker not working on page load

I am using angular-7 with highchart  at my dashboard which loads at first.  When the page is loaded I want the marker to be of radius:50 but when the page is loaded it does not set the radius to 50.  When I click to other router link and come back then it works perfectly fine.  I have replicate the problem in stackblitz.  When the page is loaded at first it won't displays correctly when I uncomment the debuggerin  addColours() it works as expected.  I know I am doing something wrong that some part of the code is executed prior to the formation of graph or some of the file is getting delayed in loading.  
I have tried modifying like this as well 
let highchart: any = Highcharts;
Highcharts.addEvent(Highcharts. Series, 'afterSetOptions', function (e: any) {
  var colors = Highcharts.getOptions().colors, i = 0, nodes = {};
  if (this instanceof highchart.seriesTypes.networkgraph &&
    e.options.id === 'network-budget') {
      ---- doing my stuff
    }

Any suggestion or solution highly appreciated. 

A:

chartCallback fires when the chart is already fully rendered and ready to start the initial animation.  Your custom logic launches when afterSetOptions is triggered.  In order to make it happen the series has to be updated.  So, I added this line to force the update: 
chart.series[0].update({})

Live demo

