首页 > 解决方案 > 使用来自 MSSQL 和 node.js 网络服务器的实时数据可视化图表

问题描述

我想扩展我的 IoT 项目,以便实时可视化传入的 IoT 数据。

到目前为止我做了什么:

基于 hapi.js 的 Web 服务器通过 Node.js 连接到 SQL-Server。服务器在网络内监听,并能够接收通过 HTTP 推送的 API 数据并将其存储在 MS SQL 数据库中。目前,数据通过使用 HTML 模板引擎(把手)的 HTML 页面显示。

我要扩展的内容:

传入的 IoT 数据应通过 HTML 页面显示在图表中。最好是实时的。

我想使用 chart.js 或等效的 JavaScript 库。

问题是什么:

我不确定我的计划是否可以仅使用 JavaScript (Node.js) 来实现。如果是,我可以使用把手来模板化图表中的数据吗?

我应该如何开始?

标签: javascriptnode.jssql-serverchart.jshandlebars.js

解决方案


Chart.js 将适用于您的用例。您可以使用图表更新功能来添加/删除数据点。如果您想要一个不错的包来执行此操作,以及一些配置选项,您可以使用chartjs-plugin-streaming

为了让您的图表在用户停留在页面上时实时更新,仅使用 Handlebar 模板是不够的。您应该在您的节点服务器上构建一个返回最新数据的 API 端点。

听起来您已经知道如何在hapi.js中创建路由。查看fetch或类似内容,以便从客户端向您的路由发送请求。响应将包含最新数据,客户端会将新数据放入图表中。


推荐阅读