Визуализация графиков с использованием данных в реальном времени из MS SQL с node.js веб-сервером

Question

Я хочу расширить свой проект IoT, чтобы визуализировать мои входящие данные IoT в реальном времени.

То, что я сделал до сих пор:

На основе веб-сервера на hapi. js подключен к SQL -сервер через Node.js. Сервер прослушивает сеть и может получать данные API, отправленные через HTTP, и сохранять их в базе данных MS SQL. В настоящее время данные отображаются на странице HTML с использованием механизма шаблонов HTML (руля).

Что я хочу расширить:

Входящий IoT данные должны отображаться в диаграмме на странице HTML. Желательно в реальном времени.

Я хотел бы использовать диаграмму. js или эквивалентную JavaScript библиотеку.

В чем проблема:

Не уверен, что мои планы могут быть реализованы только с помощью JavaScript (Node.js). Если да, могу ли я использовать ручки для создания шаблонов данных в диаграммах?

С чего начать?

Answer 1

Chart. js подойдет для вашего варианта использования. Вы можете использовать возможности обновления диаграммы для добавления / удаления точек данных. Если вам нужен хороший пакет для этого, а также некоторые параметры конфигурации, вы можете использовать chart js -plugin-streaming .

Чтобы ваша диаграмма обновлялась в реальном времени как пользователь остается на странице, недостаточно использовать шаблоны Handlebar. Вы должны создать конечную точку API на своем сервере узла, которая будет возвращать самые свежие данные.

Похоже, вы уже знаете, как создавать маршруты в hapi. js. Посмотрите на fetch или аналогичный, чтобы отправить запрос на ваш маршрут от клиента. Ответ будет содержать последние данные, и клиент поместит новые данные в график.