在 html table 中使用来自 highcharts 的动态数据
using dynamic data from highcharts in a html table
我正在使用 highcharts
和 jquery
创建动态更新图。我想将图表上可见的峰值拉入 html table,但我不确定我将如何做,我正在寻求一些帮助。
我在以下位置创建了一个 JSFiddle 文件:http://jsfiddle.net/s9kmsygn/
我通过以下步骤成功实现了您的要求:
给<td> Peak value </td>
一个#id,这样你就可以用jQuery
改变它
在创建 data
对象时计算最大值
将此 max
与您使用 setTimeout
函数添加的每个值进行比较 如果 max
小于该值,则将此值赋给 max 并重新绘制使用 jQuery
的峰值
请参阅工作JSFiddle here。
我还将 setTimeout
更改为 100 而不是 1000,这样您就可以看到如何在不等待太久的情况下使值飙升。
================
编辑:
这是 JSFiddle,显示了最近 10 个数据点 的峰值 。
我正在使用 highcharts
和 jquery
创建动态更新图。我想将图表上可见的峰值拉入 html table,但我不确定我将如何做,我正在寻求一些帮助。
我在以下位置创建了一个 JSFiddle 文件:http://jsfiddle.net/s9kmsygn/
我通过以下步骤成功实现了您的要求:
给
<td> Peak value </td>
一个#id,这样你就可以用jQuery 改变它
在创建
data
对象时计算最大值将此
max
与您使用setTimeout
函数添加的每个值进行比较 如果max
小于该值,则将此值赋给 max 并重新绘制使用 jQuery 的峰值
请参阅工作JSFiddle here。
我还将 setTimeout
更改为 100 而不是 1000,这样您就可以看到如何在不等待太久的情况下使值飙升。
================
编辑:
这是 JSFiddle,显示了最近 10 个数据点 的峰值 。