Javascript 使用node.js webserver中MSSQL的实时数据可视化图表

Javascript 使用node.js webserver中MSSQL的实时数据可视化图表,javascript,node.js,sql-server,chart.js,handlebars.js,Javascript,Node.js,Sql Server,Chart.js,Handlebars.js,我想扩展我的物联网项目,以便实时可视化我的输入物联网数据 到目前为止我所做的: 基于hapi.js的Web服务器通过Node.js连接到SQL server。 服务器在网络中侦听,能够接收通过HTTP推送的API数据,并将其存储在MS SQL数据库中。目前,使用HTML模板引擎(把手)通过HTML页面显示数据 我想扩展的内容: 输入的物联网数据应通过HTML页面显示在图表中。最好是实时的 我想使用chart.js或等效的JavaScript库 问题是什么: 我不确定我的计划是否只能用JavaSc

我想扩展我的物联网项目,以便实时可视化我的输入物联网数据

到目前为止我所做的:

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

我想扩展的内容:

输入的物联网数据应通过HTML页面显示在图表中。最好是实时的

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

问题是什么:

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


我应该如何开始?

Chart.js将适合您的用例。您可以使用功能添加/删除数据点。如果您想要一个很好的包来完成这项工作,以及一些配置选项,您可以使用

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


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

chart.js将适合您的用例。您可以使用功能添加/删除数据点。如果您想要一个很好的包来完成这项工作,以及一些配置选项,您可以使用

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

听起来您已经知道如何在中创建路由。查看或类似信息,以便从客户端向路由发送请求。响应将包含最新数据,客户机将把新数据放入图表中