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

时间:2016-03-27 11:18:12

标签: javascript jquery highcharts

使用此示例代码:

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

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

我发现这个代码示例做了两件基本的事情:A)当图表加载时,它使用1000个随机值进行填充,B)每1秒添加一个新的随机项。

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

有人理解我的问题/问题吗?

1 个答案:

答案 0 :(得分: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);