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