title: Angular 7 Highchart Node.marker not working on page load
body: <p>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 <code>radius:50</code> but when the page is loaded it does not set the <strong>radius to 50</strong>. When I click to other router link and come back then it works perfectly fine. I have replicate the problem in <a href="https://stackblitz.com/edit/addevent-highcharts-networkgraph?file=src/app/app.component.ts" rel="nofollow noreferrer">Stackblitz</a>.</p>
  <p>When the page is loaded at first it won't displays correctly when I uncomment the <code>debugger</code> in <code>addColours()</code> 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.</p>
  <p>I have tried modifying like this as well</p>
  <pre><code>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 &amp;&amp;
      e.options.id === 'network-budget') {
        ---- doing my stuff
      }
  </code></pre>