javascript - Highcharts 动态更新示例 - 每秒添加 1 个新值 - 没有历史数据

Question

使用此示例代码:

http://www.highcharts.com/stock/demo/dynamic-update

注意:该页面上有一个指向 jsfiddle.net 的链接，可以查看代码。

我发现这个代码示例做了两个基本的事情:A)它在图表加载时用 1000 个随机值启动，B)它每 1 秒添加一个新的随机项。

问题是当我没有可用的历史数据来填充初始负载时，并从空的 [] 系列数据集开始。图表未显示或最终完全超出比例。此示例的行为似乎取决于添加新值之前填充的 1000 个值。

有人理解我的问题吗？

Answer 1

示例中的 addPoint 函数在添加新点时移出第一个点，以使总点数保持相同的值。这在 1000 分时不太明显，但如果只有 1 分，就会显得很奇怪。

addPoint 方法签名为 ( API ):

addPoint (Object options, [Boolean redraw], [Boolean shift], [Mixed animation])

示例中的代码是:

series.addPoint([x, y], true, true);

要删除类次，请删除(或设置为 false)第三个参数:

series.addPoint([x, y], true);

或者动态地将其保持在特定值，您可以:

shift = series.data.length >= 1000 ? true : false;
series.addPoint([x, y], true, shift);