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

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
Нет описания правки
 
(не показаны 2 промежуточные версии 2 участников)
Строка 1: Строка 1:
{{Node-RED/Панель перехода}}
{{Node-RED/Панель перехода}}
{{Перевод от Сubewriter}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}
{{Myagkij-редактор}}
Строка 12: Строка 11:
К примеру, если задать в нем...
К примеру, если задать в нем...


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
{{value | number:1}}%
{{value | number:1}}%
</syntaxhighlight>
</syntaxhighlight>
Строка 26: Строка 25:
Кроме того, значение в поле '''«Label»''' можно задать с помощью свойства. Например, так:
Кроме того, значение в поле '''«Label»''' можно задать с помощью свойства. Например, так:


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
{{msg.topic}}
{{msg.topic}}
</syntaxhighlight>
</syntaxhighlight>
Строка 36: Строка 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}}

См.также

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