Javascript Highcharts-如何实现良好的实时实时实时图表？

我正在尝试使用highcharts来实时绘制数据。 但是，当刷新间隔小于1秒时，动画最终会导致渲染问题：

例： 测试2：

我想实现一个流体动画，比如：

我所能做的就是禁用动画，并在80ms内创建（重复）数据以生成实时效果

---

但我认为这可能会导致性能和内存消耗问题。

这两个示例在我的机器上都非常有效。也许您没有足够的处理器马力？您提供的流体动画示例使用了

SmoothieChart（）

。为什么不试试呢？我已经用highchart实现了一个很大的代码库。在示例中，您没有意识到已经绘制的点具有奇怪的动画？是的，我现在明白您的意思了。你问过Highchart这个问题吗？你的最后一个例子似乎很好用。有什么问题吗？

events: {
    load: function () {

        var lastValue = 0;

        // simulate data from websocket
        var series = this.series[0];
        setInterval(function () {
            lastValue = Math.random();
        }, 500);

        // Simulate realtime animation
        setInterval(function () {
            //var x = new Date().getTime();
            var x = lastIndex++;
            series.addPoint([x, lastValue], true, true, false);
        }, 80);
    }
}