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

时间:2015-01-30 02:29:07

标签: javascript jquery html highcharts

我正在使用highchartsjquery来创建动态更新图表。我想将图表中可见的峰值输入到html表中,但我不确定如何执行此操作并正在寻找一些帮助。

我已经在http://jsfiddle.net/s9kmsygn/

创建了一个JSFiddle文件

1 个答案:

答案 0 :(得分:1)

我设法通过执行以下步骤来实现您的要求:

  1. <td> Peak value </td>提供一个#id,以便您可以使用jQuery进行更改

  2. 在您创建data对象

  3. 时计算最大值
  4. 将此max与使用setTimeout函数添加的每个值进行比较如果max小于该值,请将此值指定为max并使用jQuery重绘峰值

  5. 请参阅工作JSFiddle here

    我还将setTimeout更改为100而不是1000,这样您就可以看到如何在不等待太久的情况下使值达到峰值。

    =====

    修改

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