Node-RED:Библиотеки/node-red-dashboard/Chart: различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
(Новая страница: «{{Node-RED/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} <syntaxhighlight lang="javascript" enclose="div">…»)
 
Нет описания правки
 
(не показаны 3 промежуточные версии 2 участников)
Строка 1: Строка 1:
{{Node-RED/Панель перехода}}
{{Node-RED/Панель перехода}}
{{Перевод от Сubewriter}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}
{{Myagkij-редактор}}


=Нода «Chart»=
Размещает входные данные на графике. Этот график может быть линейным, столбчатым (в настройках ноды можно задать, чтобы они были вертикальными или горизонтальными) и секторным.
Входящее значение в '''«msg.payload»''' будет преобразовано в число. Если преобразование не удастся, сообщение будет проигнорировано.
Заполнение полей '''«min»''' и '''«max»''' в секции '''«Y-axis»''' опционально. График сам подстроится под любые входящие значения.
При помощи свойств '''«msg.topic»''' на одной и том же графике можно показывать значения от разных серий сообщений. Кроме того, при помощи свойств '''«msg.label»''' на одном и том же графике для одной и той же серии сообщений можно показывать разные столбцы.
При использовании линейного графика на '''оси X''' показывается время или максимальное значение графика. Старые данные автоматически удаляются из графика. Формат для названия '''оси X''' задается в поле '''«X-asis Label»''' - в ней можно использовать [https://momentjs.com/docs/#/displaying/format/ строку формата «Moment.js»].
Входное сообщение с '''«msg.payload»''', содержащим пустой массив – '''[]''' – очистит график.
О том, как показать на панели управления уже готовый график, читайте [https://github.com/node-red/node-red-dashboard/blob/master/Charts.md тут].
В поле '''«Blank label»''' можно задать текст, который будет показываться на графике до прихода каких-либо корректных данных.
Значение в поле '''«Label»''' также можно задать с помощью свойства сообщения. Например, так:
<syntaxhighlight lang="javascript">
{{msg.topic}}
</syntaxhighlight>


<syntaxhighlight lang="javascript" enclose="div">
Нода '''«Chart»''' отправляет на выходной порт массив с данными о текущем состоянии графика, который при необходимости можно сохранить. Впоследствии этот массив можно передать ноде '''«Chart»''', чтобы она снова показала эти сохраненные данные на графике.


=См.также=
=См.также=
Строка 13: Строка 35:
<references />
<references />
{{Навигационная таблица/Node-RED библиотеки}}
{{Навигационная таблица/Node-RED библиотеки}}
{{Навигационная таблица/Телепорт}}
[[Категория:Нода]]
[[Категория:Нода]]
[[Категория:Нода Node-RED]]
[[Категория:Нода Node-RED]]

Текущая версия от 13:35, 24 сентября 2023

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Нода «Chart»

Размещает входные данные на графике. Этот график может быть линейным, столбчатым (в настройках ноды можно задать, чтобы они были вертикальными или горизонтальными) и секторным.

Входящее значение в «msg.payload» будет преобразовано в число. Если преобразование не удастся, сообщение будет проигнорировано.

Заполнение полей «min» и «max» в секции «Y-axis» опционально. График сам подстроится под любые входящие значения.

При помощи свойств «msg.topic» на одной и том же графике можно показывать значения от разных серий сообщений. Кроме того, при помощи свойств «msg.label» на одном и том же графике для одной и той же серии сообщений можно показывать разные столбцы.

При использовании линейного графика на оси X показывается время или максимальное значение графика. Старые данные автоматически удаляются из графика. Формат для названия оси X задается в поле «X-asis Label» - в ней можно использовать строку формата «Moment.js».

Входное сообщение с «msg.payload», содержащим пустой массив – [] – очистит график.

О том, как показать на панели управления уже готовый график, читайте тут.

В поле «Blank label» можно задать текст, который будет показываться на графике до прихода каких-либо корректных данных.

Значение в поле «Label» также можно задать с помощью свойства сообщения. Например, так:

{{msg.topic}}

Нода «Chart» отправляет на выходной порт массив с данными о текущем состоянии графика, который при необходимости можно сохранить. Впоследствии этот массив можно передать ноде «Chart», чтобы она снова показала эти сохраненные данные на графике.

См.также

Внешние ссылки