Highcharts“1秒逐点更新”｜IoT物联网监控中实时数据更新频率示例

在IoT监控场景中实时数据更新频率通常为每秒一次。使用Highcharts可以轻松实现这一点。下面是一个简单的示例代码展示如何设置一个实时更新的图表。请注意这里使用了随机生成的数据仅用于演示目的。实际应用中您需要从真实的数据源获取数据。// 定义全局图表变量 let chart; // 初始化Highcharts图表 document.addEventListener(DOMContentLoaded, function () { chart Highcharts.chart(container, { chart: { type: line, events: { load: function () { // 每秒请求一次新数据 const series this.series[0]; setInterval(function () { // 模拟从服务器获取数据 const x (new Date()).getTime(); // 当前时间戳 const y Math.random() * 100; // 随机数据 series.addPoint([x, y], true, true); // 更新图表 }, 1000); } } }, title: { text: IoT实时监控数据 }, xAxis: { type: datetime, tickInterval: 1000 * 60, // 每分钟一个刻度 }, yAxis: { title: { text: 数据值 } }, series: [{ name: 传感器数据, data: [] // 初始数据为空 }] }); });在这个示例中图表会每秒生成一个新的随机数据点。您可以将其替换为从您的IoT设备或服务器获取的数据。只需在setInterval函数内替换生成数据的部分即可。如需更详细的配置和功能请参考Highcharts文档。