Добрый день.
Можно ли на SVG панели окрашивать иконку разными цветами в зависимости от значения топика ( несколько цветов), например чтобы при повышении температуры пиктограмма от синего постепенно окрашивалась в красное.
Добрый день.
Да, можно, описано в разделе - анимация элементов SVG-панели.
В разделе аниимация только 3 примера, переливающийся цвет, вращение и заливка цветом из топика, в топике у меня хранится температура а не цвет.
Выбираете элемент который нужно закрашивать.
Привязываете топик, выбираете “стиль” и в поле значения задаёте цвета.
пример:
(val <= 27.7) ? 'fill:#2eb44a' :
(val <= 28.4) ? 'fill:#5cb844' :
(val <= 29.1) ? 'fill:#8abc3e' :
(val <= 29.8) ? 'fill:#b8c038' :
(val <= 30.5) ? 'fill:#e6c432' :
(val <= 31.2) ? 'fill:#f5b42c' :
(val <= 31.9) ? 'fill:#f39c27' :
(val <= 32.6) ? 'fill:#f18422' :
(val <= 33.3) ? 'fill:#ef6c1d' :
(val <= 34.0) ? 'fill:#ed5418' :
(val <= 34.7) ? 'fill:#eb3c13' :
'fill:#e60000'
результат:
Спасибо. Теперь понятно