我想扩展我的物联网项目,以便实时可视化传入的物联网数据。
到目前为止我所做的:
基于hapi.js的Web服务器通过Node.js连接到SQL-Server。服务器在网络内侦听,并且能够接收通过HTTP推送的API数据并将其存储在MS SQL数据库中。当前,使用HTML模板引擎(把手)通过HTML页面显示数据。
我想扩展的内容:
传入的物联网数据应通过HTML页面显示在图表中。最好是实时的。
我想使用chart.js或等效的JavaScript库。
问题是什么:
我不确定我的计划是否只能通过JavaScript(Node.js)实现。如果是,我可以使用车把对图表中的数据进行模板化吗?
我应该如何开始?
Chart.js将在您的用例中正常工作。您可以使用chart update功能添加/删除数据点。如果您想要一个不错的程序包以及一些配置选项,则可以使用chartjs-plugin-streaming。
为了在用户停留在页面上时实时更新图表,仅使用Handlebar模板是不够的。您应该在节点服务器上构建返回最新数据的API端点。
听起来您已经知道如何在hapi.js中创建路线。查看fetch或类似内容,以便从客户端向您的路由发送请求。响应将包含最新数据,客户端会将新数据放入图表中。