16 281
правка
SVG-Dashboards: различия между версиями
м
→Редактор связей
м (→Синтаксис: Добавил про окгругление) |
|||
| Строка 94: | Строка 94: | ||
Чтобы вывести значение, просто укажите переменную: | Чтобы вывести значение, просто укажите переменную: | ||
< | <syntaxhighlight lang="javascript"> | ||
val | val | ||
</ | </syntaxhighlight> | ||
К значению можно добавить произвольный текст, например, единицу измерения: | К значению можно добавить произвольный текст, например, единицу измерения: | ||
< | <syntaxhighlight lang="javascript"> | ||
val + ' °C' | val + ' °C' | ||
</ | </syntaxhighlight> | ||
Также можно подменить полученное значение, например, заменить его на понятный человеку статус: | Также можно подменить полученное значение, например, заменить его на понятный человеку статус: | ||
< | <syntaxhighlight lang="javascript"> | ||
(val == 1) ? 'ВКЛ' : 'ОТКЛ' | (val == 1) ? 'ВКЛ' : 'ОТКЛ' | ||
</ | </syntaxhighlight> | ||
=== Write === | === Write === | ||
| Строка 114: | Строка 114: | ||
Например, для переключения реле нужно указать: | Например, для переключения реле нужно указать: | ||
< | <syntaxhighlight lang="javascript"> | ||
Value on = 1 | Value on = 1 | ||
Value on = 0 | Value on = 0 | ||
</ | </syntaxhighlight> | ||
=== Visible === | === Visible === | ||
| Строка 138: | Строка 138: | ||
Изменим цвет элемента в зависимости от состояния реле, если в топике значение <code>1</code>, то закрашиваем объект желтым, иначе — серым: | Изменим цвет элемента в зависимости от состояния реле, если в топике значение <code>1</code>, то закрашиваем объект желтым, иначе — серым: | ||
< | <syntaxhighlight lang="javascript"> | ||
(val == 1) ? ';fill: yellow' : ';fill: gray' | (val == 1) ? ';fill: yellow' : ';fill: gray' | ||
</ | </syntaxhighlight> | ||
Сделаем так, чтобы при значении больше 20 обводка элемента стала красного цвета, пунктиром и толщиной 2px. При значениях меньше или равно 20 стиль элемента оставим по умолчанию: | Сделаем так, чтобы при значении больше 20 обводка элемента стала красного цвета, пунктиром и толщиной 2px. При значениях меньше или равно 20 стиль элемента оставим по умолчанию: | ||
< | <syntaxhighlight lang="javascript"> | ||
(val > 20) ? 'stroke: red; stroke-width:2px; stroke-dasharray:2,1' : '' | (val > 20) ? 'stroke: red; stroke-width:2px; stroke-dasharray:2,1' : '' | ||
</ | </syntaxhighlight> | ||
== Редактирование == | == Редактирование == | ||