Node-RED:Библиотеки/node-red-dashboard/Chart: различия между версиями
Myagkij (обсуждение | вклад) (Новая страница: «{{Node-RED/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} <syntaxhighlight lang="javascript" enclose="div">…») |
Myagkij (обсуждение | вклад) Нет описания правки |
||
| Строка 4: | Строка 4: | ||
{{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" enclose="div"> | <syntaxhighlight lang="javascript" enclose="div"> | ||
{{msg.topic}} | |||
</syntaxhighlight> | |||
Нода '''«Chart»''' отправляет на выходной порт массив с данными о текущем состоянии графика, который при необходимости можно сохранить. Впоследствии этот массив можно передать ноде '''«Chart»''', чтобы она снова показала эти сохраненные данные на графике. | |||
=См.также= | =См.также= | ||
Версия от 19:15, 4 июня 2019
Нода «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», чтобы она снова показала эти сохраненные данные на графике.
