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

м
Строка 87: Строка 87:
== Редактор связей==
== Редактор связей==
[[Image: SVG-Dashboard Editor.png |600px|thumb|right| Редактор SVG-панели]]
[[Image: SVG-Dashboard Editor.png |600px|thumb|right| Редактор SVG-панели]]
Чтобы связать svg-элемент изображения со значениями или событиями, выберите его мышкой. После этого рядом с изображением отобразятся поля настройки поведения элемента.
Чтобы связать svg-элемент изображения со значениями или событиями, выберите его мышкой, после этого рядом с изображением появятся поля настройки поведения элемента.


=== Read ===
=== Read ===
[[Image: Outputting data on svg-dashboard.gif |300px|thumb|right| Вывод текстовой информации и статусов]]
Отображение значений из источника в текстовом поле.
Отображение значений из источника в текстовом поле.


Полученное из выбранного в поле '''Channel''' источника помещается в переменную '''val''', которую нужно указать в поле '''Value'''.
Значение из выбранного в поле '''Channel''' источника помещается в переменную '''val''', которую нужно указать в поле '''Value'''.


Чтобы вывести значение, просто укажите переменную:
Чтобы вывести значение, просто укажите переменную:
Строка 111: Строка 110:


=== Write ===
=== Write ===
[[Image: Interaction with SVG-Dashboard elements.gif|366px|thumb|right| Интерактивные элементы]]
Реакция на клик пользователя по элементу изображения. Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное.
Реакция на клик пользователя по элементу изображения. Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное.


Выберите в поле '''Channel''' MQTT топик, куда нужно записывать значения, а в полях '''Value on''' и '''Value off''' укажите какие значения соответствуют состоянию.
Выберите в поле '''Channel''' MQTT топик для записи значений, а в полях '''Value on''' и '''Value off''' укажите какие значения соответствуют состояниям.


Например, для переключения реле нужно указать:
Например, для переключения реле нужно указать:
Строка 123: Строка 121:


=== Visible ===
=== Visible ===
Здесь можно указать при каком условии показывать элемент изображения.
Здесь можно указать при каком условии показывать элемент изображения. По умолчанию элемент будет скрыт и отобразится только пока выполняется условие.


Выберите в поле '''Channel''' MQTT-топик, на информацию из которого мы будем реагировать, в поле '''Condition''' укажите условие, а в поле '''Value''' — значение.
Выберите в поле '''Channel''' MQTT-топик, на информацию из которого будет реагировать элемент, в поле '''Condition''' выберите условие, а в поле '''Value''' — значение.


=== Style ===
=== Style ===