Question

我无法获得实时图表。数据将实时到达，没有历史数据可供使用。我希望能够在图表窗口中显示最后10分钟，因为随着数据的进入，图表会随时间推移。每个系列的数据将随机到达。我已经完成了这个jsFiddle。

如何显示最后10分钟并勾选（目前只显示最后一点/单个数据？

public string GetPersonName() {   
  return this.PersonName;  
}

Answer 1

您可以在setExtremes中使用shift功能代替addPoint选项。这行代码：

xAxis.setExtremes(Math.max(series1.points[0].x, x - 10 * 1000 /*10s*/));

将导致xAxis：

的以下行为

如果第一个系列的第一个点在过去10秒内具有x值（我使用秒而不是分钟来更快地看到效果），那么它就变为低极值。否则，它将最新点的x值减少10秒作为低极值。

实时工作示例： http://jsfiddle.net/kkulig/66kyh13k/

请注意，我在addPoint次调用中都禁用了重绘功能。重绘发生在setExtremes上，之前无需执行。

API参考：