highcharts - 在我的代码中替换 highcharts.each 因为它已被弃用

标签 highcharts

我有一些同步的 Highcharts ,并使用以下代码在鼠标移动时同步十字准线:

//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 => {
      var e = ch.pointer.normalize(evt), // Find coordinates within the chart   
        points = [];
      ch.series.forEach(s => {
        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])
    })
  }))
})
}

我现在收到以下控制台消息:

Highcharts 错误 #32:www.highcharts.com/errors/32/?Highcharts.each=Array.forEach

Highcharts.each: Array.forEach

有人可以建议我如何替换代码中的 Highcharts.each 命令吗?

谢谢

最佳答案

我认为改变:

Highcharts.each(points, function(p, i) {
 if (!p.series.visible) {
    points.splice(i - number, 1);
    number++;
  }
})

到:
points.forEach((p, i) => {
  if (!p.series.visible) {
    points.splice(i - number, 1);
    number++;
  }
})

应该够了。请在您的应用程序中测试它,如果它有帮助,请告诉我。

关于highcharts - 在我的代码中替换 highcharts.each 因为它已被弃用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62320347/

相关文章:

javascript - 当禁用点标记时,无法在 Highcharts 中设置选定状态

java - HighCharts 动画安卓

javascript - 在 highchart 的工具提示中创建图表

javascript - 如何标记一个月中的几天?

javascript - 将 Highcharts 线系列延伸到图表末尾

javascript - Highcharts - 列颜色与图例中的颜色不同

javascript - 使用 Node 导出服务器生成 png 图表时出现意外标记

colors - HighCharts:标签颜色根据饼图切片的颜色

javascript - Highcharts 中 TreeMap 中的选择更改

javascript - 带有 HighCharts 和 Leaflet 的容器 .fadeIn/Out