How to add animation flashing for netwrok graph highcharts?

Question

I want to add each node to flash after one minute interval, is there a way to do that ? Can someone please help, Here is my codepen with code so far

https://codepen.io/wranter/pen/zYWEoXO

Answer 1

It's options to add point with delay in load event with setTimeout. You can zero maxIterations property and define custom postions for the new points in redraw event:

  chart: {
    events: {
      load: function() {
        var chart = this;

        setTimeout(function() {
          chart.series[0].addPoint(['G', 'Z'], true);
        }, 2000);
        setTimeout(function() {
          chart.series[0].addPoint(['A', 'X'], true);
        }, 4000);
      },
      redraw: function() {
        var newNode = this.series[0].nodes[7];

        newNode.plotX = 100;
        newNode.plotY = 100;
      }
    }
  },

Demo: https://jsfiddle.net/BlackLabel/q3j61s7m/1/

series.networkgraph.layoutAlgorithm.maxIterations

chart.events.load

chart.events.redraw