javascript - Highstock 图表上的 Llive 数据动态更新(无法读取未定义的属性 'info')错误?

标签 javascript jquery highcharts

使用 laravel,我从使用的 Rest API 链接(Spring 应用程序)( https://f586c5c5.ngrok.io/api/clients )创建了 Highcharts。

所有结果都是静态显示的,现在我想在图表上动态可视化。

我遵循这个 fiddle 示例并尝试在我的示例中实现:

https://jsfiddle.net/ewolden/md975oLk/23/

但是当我编写代码时出现此错误:“无法读取未定义的属性‘信息’” 我的代码笔示例:

https://codepen.io/anon/pen/eLEyGb (等待 5 秒图表显示) 我阅读了 highchart 文档,但仍然不清楚如何更新图表上的数据。因此,如果在 json 上加载一些新数据,我想在图表上显示它。我花了 2 天研究解决方案,但没有找到它:(

附注

如果您声明变量并且图表(数据)未更新,则可能会发生这种情况,因为我没有打开 Java 客户端应用程序,因此它只显示相同的数据。由于内存不足,我无法保持应用程序处于打开状态我的硬盘。仅启用监控应用程序,因此链接有效!

 @endsection

最佳答案

如果您使用addPoint方法,您只能向系列添加一个点 - 您尝试添加多个点。您应该考虑使用 setData 方法。

API引用:

https://api.highcharts.com/class-reference/Highcharts.Series#addPoint

https://api.highcharts.com/class-reference/Highcharts.Series#setData

关于javascript - Highstock 图表上的 Llive 数据动态更新(无法读取未定义的属性 'info')错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52209724/

相关文章:

javascript - 如何使用一个下拉菜单更新两个 Highcharts ?

javascript - 如何更新数据变化 Highcharts 上的数据表

javascript - 在 Android Studio 中使用 JavaScript

javascript - 理解这个返回逻辑

javascript - Chrome 扩展程序在单击复选框时设置存储值

javascript - 如果不是ajax请求则响应不同的html

php - 页面加载后,获取每个项目的 youtube View

javascript - CSS/HTML5 : How to adjust div tag height equal to browser window's current height?

javascript - jQuery:检测焦点何时离开元素的子元素,然后将焦点返回给触发元素

javascript - 如何使用 highchart 使两个图表使用 div 并排显示在同一行中