title: Replacing highcharts.each in my code as it is being deprecated
body: <p>I have some highcharts which are synchronized and use the following code to synchronise the crosshairs as the mouse is moved:</p>
  
  <pre><code>//catch mousemove event and have all charts' crosshairs move along indicated values on x axis
  function syncronizeCrossHairs(chart) {
  ['mousemove', 'touchmove', 'touchstart'].forEach(function(eventType) {
  var container = $(chart.container),
    offset = container.offset(),
    x;
  
  container[0].addEventListener(eventType,
    (function(evt) {
      x = evt.clientX - chart.plotLeft - offset.left;
      Highcharts.charts.forEach(ch =&gt; {
        var e = ch.pointer.normalize(evt), // Find coordinates within the chart   
          points = [];
        ch.series.forEach(s =&gt; {
          var point = s.searchPoint(e, true);
          if (point) {
            point.setState();
            if (s.visible) {
               points.push(point)
            }
          }
        })
  
        if (points) {
          var number = 0;
          Highcharts.each(points, function(p, i) {
           if (!p.series.visible) {
              points.splice(i - number, 1);
              number++;
            }
          })
          if (points.length) {
            ch.tooltip.refresh(points); // Show the tooltip
          }
        }
        ch.xAxis[0].drawCrosshair(x, points[0])
      })
    }))
  })
  }
  </code></pre>
  
  <p>I am now getting the following console message:</p>
  
  <p>Highcharts error #32: www.highcharts.com/errors/32/?Highcharts.each=Array.forEach</p>
  
  <p>Highcharts.each: Array.forEach</p>
  
  <p>Can someone advise how I can replace the Highcharts.each command in my code?</p>
  
  <p>Thanks</p>