translator, wb_editors
4218
правок
SVG-Dashboards: различия между версиями
→Анимация элементов SVG-панели
Matveevrj (обсуждение | вклад) |
|||
| Строка 257: | Строка 257: | ||
#В редакторе дашбордов выберем созданным тестовый элемент и зададим ему свойство animation в следующем виде: | #В редакторе дашбордов выберем созданным тестовый элемент и зададим ему свойство animation в следующем виде: | ||
#:<syntaxhighlight lang="javascript"> | #:<syntaxhighlight lang="javascript"> | ||
(val > 20) ? ' animation: changecolor 3s infinite linear;' : ' ' | (val > 20) ? 'animation: changecolor 3s infinite linear;' : ' ' | ||
</syntaxhighlight> | </syntaxhighlight> | ||
#:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | #:Так как изменение стиля элемента может происходить только по условию, в котором участвует значение из MQTT топика, то мы выбрали топик '''CPU Temperature''' и задали условие '''>20'''. Это значит, что анимация будет работать, только когда значение топика '''CPU Temperature''' больше 20. | ||