javascript - chrome 背景选项卡中的网页时出现 Highcharts 错误

Question

我需要一些帮助来解决以下问题:看起来自从最新的 Highcharts 更新(v7.0.2 2019-01-17)以来，我的页面仅在后台刷新时无法正常工作。如果该网页始终在我的屏幕上可见，一切都会顺利进行，但如果我的屏幕上显示另一个 chrome 选项卡，则更新将不起作用，我将出现此错误:

highcharts.src.js:39446 Uncaught TypeError: Cannot read property 'pos' of undefined
at a.SVGElement.step (highcharts.src.js:39446)
at a.SVGElement.animate (highcharts.src.js:3654)
at r.animate (highcharts.src.js:39437)
at r.x (highcharts-more.src.js:7599)
at r.a.(anonymous function) [as animate] (https://code.highcharts.com/highcharts.js:20:270)
at render (highcharts.src.js:35110)
at highcharts.src.js:28431
at Array.forEach (<anonymous>)
at a.Chart.renderSeries (highcharts.src.js:28429)
at a.Chart.render (highcharts.src.js:28570)

此图表的 Javascript 代码如下:

Highcharts.chart('MychartID', {
  chart: {
    zoomType:'x',
    alignTicks: false
  },
  tooltip: {
    shared:false,
    },
    title: {
      text: 'Title'
    },
    xAxis: {
       type: 'category',
      title: {
        enabled: false,
        text: 'PTU',
      },
    },
    yAxis: [{
        lineWidth: 1,
        title: {
          text: 'y1'
        }
      },
      {
        lineWidth: 1,
        title: {
          text: 'y2'
        }
      },
      ],
     plotOptions: {
        line: {
          dataLabels: {
            enabled: false,
          },
        },
        column: {
          dataLabels: {
            enabled: true,
          },
        }
      },
    series: [
      {
        yAxis: 1,
        type: 'column',
        name: 'serie1',
        data: serie1
      },
      {
        name: 'serie2',
        data: serie2
      },
      ]
  });

你知道哪里出了问题吗？感谢您的帮助!

Answer 1

此问题是一个错误，现已修复。它将在下一版本的 Highcharts 中提供。

发布前的解决方案是使用解决此错误的 Highcharts GitHub master 分支中的代码。您可以在这里下载:https://github.highcharts.com/master/highcharts.src.js