Highcharts实时图形集问题

我有一个带有实时数据更新的highchart，我使用setInterval添加假数据，当从ajax调用接收到数据时，我根据时间戳是否存在于图形上添加或更新数据点，正如您在示例中看到的，即使列超出图形区域，数据长度也会不断增加

})

---

如何使用setextrems将数据点的数量限制为仅在图形上可见的数据点？您可以使用序列更新，然后切片数据以保持相同的序列长度

load: function () {

                var series = this.series[0],
                    yData = series.yData,
                    y;

                setInterval(function () {
                    y = Math.random();
                    yData = series.yData;

                    yData.push(y);
                    series.yData = yData;
                    series.update({
                        data: yData.slice(1)
                    });

                }, 1000);
            }

例如：

load: function () {

                var series = this.series[0],
                    yData = series.yData,
                    y;

                setInterval(function () {
                    y = Math.random();
                    yData = series.yData;

                    yData.push(y);
                    series.yData = yData;
                    series.update({
                        data: yData.slice(1)
                    });

                }, 1000);
            }