Javascript Plotly js-extendTraces在选项卡不可见时行为怪异

我一直在检查plotly js库以用于实时绘图。我发现了这个代码笔，它帮助我获得了一个简单的示例：

var plotDiv = document.getElementById('plotDiv');

var data = [{
    x: [ new Date().getTime() / 1000 ],
    y: [0]
}];

Plotly.plot(plotDiv, data, { title: 'Random Over Time'});

setInterval(function(){
    var update = {
        x: [[ new Date().getTime() / 1000 ]],
        y: [[ Math.random() ]]
    };

    Plotly.extendTraces(plotDiv, update, [0], 20);
}, 100);

它工作得很好-除了当你从codepen窗口中移出tab键时，它看起来像是在故意向下采样（或其他什么）。复制起来很容易：将图形中的点数更改为例如20（extendTraces函数的最后一个参数），并将超时更改为100毫秒。让图形充满点数，然后切换到另一个选项卡5秒钟左右。返回时，很明显，由于下采样，点在一段时间内消失得更快。我还用正弦波做了一些测试，它显示得更清楚

---

我的问题是——有没有办法改变或摆脱这种行为？当数据以1秒的间隔提交时，如果您可以使用maxpoints=60来显示最后一分钟的数据，那就太好了。

进一步调查后，Chrome似乎没有在tab不可见时调用间隔为100毫秒的interval函数。这里更详细地讨论：