Node-RED:Библиотеки/node-red-dashboard/Gauge: различия между версиями
Myagkij (обсуждение | вклад) (Новая страница: «{{Node-RED/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} <syntaxhighlight lang="javascript" enclose="div">…») |
Myagkij (обсуждение | вклад) Нет описания правки |
||
(не показаны 3 промежуточные версии 2 участников) | |||
Строка 1: | Строка 1: | ||
{{Node-RED/Панель перехода}} | {{Node-RED/Панель перехода}} | ||
{{Перевод от Сubewriter}} | {{Перевод от Сubewriter}} | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
=Нода «Gauge»= | |||
Добавляет виджет-шкалу в интерфейс пользователя. | |||
Эта нода ищет в свойстве '''«msg.payload»''' числовое значение и форматирует его согласно формату, заданному в поле '''«Value Format»''', где также можно использовать [https://scotch.io/tutorials/all-about-the-built-in-angularjs-filters Angular-фильтры]. | |||
К примеру, если задать в нем... | |||
<syntaxhighlight lang="javascript"> | |||
{{value | number:1}}% | |||
</syntaxhighlight> | |||
...это округлит входящее значение до одного символа после запятой и поставит в конце знак '''«%»'''. | |||
Кроме того, вы можете задать цвета для 3 секторов шкалы, в которые она будет окрашиваться исходя из присланного сообщения. Цвета нужно задавать в формате [[HEX]] ('''#rrggbb'''). | |||
В поле '''«Sectors»''' можно задать числа, которые будут использоваться для расчета цветовых диапазонов. Если в них ничего задано не будет, цветовые диапазоны будут равномерно распределены по всему числовому диапазону. | |||
Нода '''«Gauge»''' может работать в разных режимах. Они задаются в поле '''«Type»'''. В данный момент поддерживается 4 режима: шкала ('''«Gauge»'''), ''«пончик»'' ('''«Donut»'''), компас ('''«Compass»''') и ''«иллюминатор»'' ('''«Level»'''). | |||
Кроме того, значение в поле '''«Label»''' можно задать с помощью свойства. Например, так: | |||
<syntaxhighlight lang="javascript" | <syntaxhighlight lang="javascript"> | ||
{{msg.topic}} | |||
</syntaxhighlight> | |||
=См.также= | =См.также= | ||
Строка 13: | Строка 35: | ||
<references /> | <references /> | ||
{{Навигационная таблица/Node-RED библиотеки}} | {{Навигационная таблица/Node-RED библиотеки}} | ||
{{Навигационная таблица/Телепорт}} | |||
[[Категория:Нода]] | [[Категория:Нода]] | ||
[[Категория:Нода Node-RED]] | [[Категория:Нода Node-RED]] |
Текущая версия от 13:35, 24 сентября 2023
Нода «Gauge»
Добавляет виджет-шкалу в интерфейс пользователя.
Эта нода ищет в свойстве «msg.payload» числовое значение и форматирует его согласно формату, заданному в поле «Value Format», где также можно использовать Angular-фильтры.
К примеру, если задать в нем...
{{value | number:1}}%
...это округлит входящее значение до одного символа после запятой и поставит в конце знак «%».
Кроме того, вы можете задать цвета для 3 секторов шкалы, в которые она будет окрашиваться исходя из присланного сообщения. Цвета нужно задавать в формате HEX (#rrggbb).
В поле «Sectors» можно задать числа, которые будут использоваться для расчета цветовых диапазонов. Если в них ничего задано не будет, цветовые диапазоны будут равномерно распределены по всему числовому диапазону.
Нода «Gauge» может работать в разных режимах. Они задаются в поле «Type». В данный момент поддерживается 4 режима: шкала («Gauge»), «пончик» («Donut»), компас («Compass») и «иллюминатор» («Level»).
Кроме того, значение в поле «Label» можно задать с помощью свойства. Например, так:
{{msg.topic}}
См.также
Внешние ссылки
- Справочник Node-RED
- Справочник по Node-RED
- Node-RED
- Перевод от Сubewriter
- Проверка:myagkij
- Оформление:myagkij
- Редактирование:myagkij
- Страницы, где используется шаблон "Навигационная таблица/Телепорт"
- Страницы с телепортом
- Нода
- Нода Node-RED
- Node-RED нода
- Модуль node-red-dashboard
- Нода модуля node-red-dashboard
- Нода node-red-dashboard