SVG-Dashboards: различия между версиями

743 байта добавлено ,  3 года назад
м
→‎Синтаксис: Добавил про окгругление
м (→‎Синтаксис: Добавил про окгругление)
Строка 57: Строка 57:


Синтаксис:
Синтаксис:
<pre>
<syntaxhighlight lang="javascript">
(УСЛОВИЕ) ? 'ЗНАЧЕНИЕ1' : 'ЗНАЧЕНИЕ2'
(УСЛОВИЕ) ? 'ЗНАЧЕНИЕ1' : 'ЗНАЧЕНИЕ2'
</pre>
</syntaxhighlight>


Например, если значение MQTT-топика будет равно <code>1</code>, то вывести значение <code>ВКЛ</code>, иначе — <code>ОТКЛ</code>:
Например, если значение MQTT-топика будет равно <code>1</code>, то вывести значение <code>ВКЛ</code>, иначе — <code>ОТКЛ</code>:
<pre>
<syntaxhighlight lang="javascript">
(val  == 1) ? 'ВКЛ' : 'ОТКЛ'
(val  == 1) ? 'ВКЛ' : 'ОТКЛ'
</pre>
</syntaxhighlight>


=== Арифметические операции ===
=== Арифметические операции ===
Строка 74: Строка 74:


Например, окрасим svg-элемент в красный цвет, если значение в MQTT-топике, умноженное на 0.1 больше 20:
Например, окрасим svg-элемент в красный цвет, если значение в MQTT-топике, умноженное на 0.1 больше 20:
<pre>
<syntaxhighlight lang="javascript">
(val*0.1>20) ? 'fill: red' : ''
(val*0.1>20) ? 'fill: red' : ''
</pre>
</syntaxhighlight>
 
=== Округление значений ===
Зачастую с датчиков поступают значения с несколькими знаками после запятой, если вам не нужна такая точность — их можно округлить:
<syntaxhighlight lang="javascript">
val.toFixed(n) //округлить значение переменной val до n знаков после запятой
val.toFixed(2) //округлить значение переменной val до двух знаков после запятой 220.238 → 220.24
</syntaxhighlight>


== Редактор связей==
== Редактор связей==