Javascript 在html表中使用highcharts中的动态数据

我正在使用

highcharts

和

jquery

创建一个动态更新的图形。我想将图形上可见的峰值拉入html表中，但不确定我将如何做，我正在寻求有关此方面的帮助

---

我在以下位置创建了一个JSFIDLE文件：

我通过执行以下步骤实现了您的要求：

为

峰值

提供一个#id，以便您可以使用jQuery更改它

在创建

数据

对象时计算最大值

将此

max

与使用

setTimeout

函数添加的每个值进行比较如果

max

小于该值，请将该值指定给max，并使用jQuery重新绘制峰值

请参见工作。

我还将

setTimeout

更改为100，而不是1000，这样您就可以看到如何在不等待太长时间的情况下调整这些值

================

编辑：

---

这是一个显示最近10个数据点的峰值

这很好。它能最大限度地利用可见数据吗？我不知道你的意思。你能提供更多的细节吗？我制作的

max

是来自任何地方的

max

，这意味着来自初始数据和新添加的数据。因此，在任何给定的时间，图表都显示了大约10个点。我想要这10个点的最大值。@user2242044我的图表总是在任何时候显示20个点，但我举的例子现在显示最近10个点的峰值。请看我上面编辑的答案。如果您希望它仅显示可见点（20）的峰值，请更改此行

dataForMax.splice（0，dataForMax.length-10）。你需要说的不是
-10
，而是
-20