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

标签 javascript jquery html highcharts

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

我在以下位置创建了一个 JSFiddle 文件: http://jsfiddle.net/s9kmsygn/

最佳答案

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

  1. 给出 <td> Peak value </td> #id,以便您可以使用 jQuery 更改它

  2. 在创建 data 时计算最大值对象

  3. 比较这个max使用 setTimeout 添加的每个值函数如果 max小于该值,将该值赋给 max 并使用 jQuery 重新绘制峰值

请参阅工作 JSFiddle here .

我还更改了setTimeout到 100 而不是 1000,这样您就可以看到如何使值达到峰值,而无需等待太长时间。

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

编辑:

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

关于javascript - 在 html 表中使用来自 highcharts 的动态数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28228284/

相关文章:

javascript - 为什么 React.Component 的内部实现是一个函数而不是 ES6 类?

javascript - 如何在 jquery 中为 n 级菜单动态创建 ul li 列表?

javascript - 为特定元素子元素注入(inject) css 规则

html - 使范围 HTML 输入类型样式在 Chrome 和 Internet Explorer 之间兼容

javascript - 将 json 响应转换为 javascript 数组

html - Facebook 共享抓取工具未注册 al : tags

javascript - 我可以在 Cordova 2.5 上多次监听 deviceready 吗?

javascript - 设置接收到的全日历事件的结束日期失败并出现错误

javascript - webpack 从不同文件导入函数

javascript - BootStrap Django Jquery Modal 未关闭 Ajax 调用提交