Инструменты группы Элементы управления

Инструменты группы Элементы управления

Группа содержит следующие инструменты:

• поле ввода значения (выходное значение)
• входное значение
• кнопка
• выпадающий список
• столбчатая диаграмма
• панель приборов
• график
• круговая диаграмма
• труба
• слайдер
• переключатель
• столбчатый график
• таблица
• iframe

Поле ввода значения

Иконка элемента input

Pasted image 20240718121810.png

Позволяет ввести новое значение параметра. Для отправки значения нажмите ⏎ Enter.

Вывод значения

Pasted image 20240718145001.png

Pasted image 20240718145026.png

После подключения параметра выводит значение, единицу измерения параметра с учетом заданного числового формата.

Кнопка

Позволяет выполнить действия по событиям клика, mouse up, mouse down. Позволяет установить значение параметра из выбранного поля ввода.

Выпадающий список

Pasted image 20240718171003.png

Pasted image 20240718171110.png

Pasted image 20240718172052.png

Может использоваться в двух вариантах:

1. выводит выпадающий список из значений, заведенных в настройке. Значению параметру присваивается название. Выбранное значение можно использовать, например, для установки параметру через кнопку
2. в зависимости от значения параметра выводит присвоенное название.

Столбчатая диаграмма

Pasted image 20240718174023.png

Pasted image 20240718174039.png

Pasted image 20240718174229.png

Выводит один столбец, можно задать окраску по диапазону значений.

Панель приборов

Pasted image 20240718174442.png

Pasted image 20240718174456.png

Отображает "диод". Можно настроить его появление, скрытие или мигание по значению. Также по клику доступны различные события.

График

Pasted image 20240718175306.png

Pasted image 20240718175325.png

Круговая диаграмма (спидометр)

Pasted image 20240718175552.png

Pasted image 20240718175606.png

Имеет широкие возможности по настроеке отображения:

Pasted image 20240718175643.png

Труба

Pasted image 20240719122704.png

HowTo animate Pipe

fuxa-pipe.gif

Слайдер

Pasted image 20240719130122.png

Pasted image 20240719130209.png

Pasted image 20240719130307.png

Настройки слайдера позволяют задать ориентацию, направление, шрифт, цвета, шкалу, размеры.

Переключатель

Pasted image 20240719130500.png

Pasted image 20240719130516.png

Pasted image 20240719130612.png

Устанавливает одно из двух значений. Настройки позволяют задать значения, отображение и подписи переключателя.

Столбчатый график

Pasted image 20240719130751.png

Pasted image 20240719130917.png

Настройки позволяют изменять заголовок, оси, легенду, тему, ориентацию и метку данных.

Pasted image 20240719131125.png

Таблица

Pasted image 20240719151053.png

Pasted image 20240719151041.png

Pasted image 20240719151143.png

Верхний блок настроек задает внешний вид, размеры, заголовок таблицы. Блок "Столбцы" задает наименование и вид столбцов. По клику на кнопку с карандашем открывается окно для задания столбцов.

Pasted image 20240719151508.png

По нажатию на кнопку "+" в правом верхнем углу открывает форма добавления столбца.

Pasted image 20240719151553.png

Тип столбца может быть типа Метка (любые данные) или Дата/Время. Для последнего типа можно выбрать формат.

Pasted image 20240719151704.png

По клику на кнопку "+" в левом нижнем углу добавлятся ряд.

Pasted image 20240719151810.png

В каждой ячейке по нажатию на карандаш можно задать содержимое для отображения.

Pasted image 20240719151909.png

Iframe

Pasted image 20240719152205.png

Pasted image 20240719152253.png

Позволяет выводить веб-содержимое по ссылке в окне iframe.

Для настройки, введите адрес ссылки.

Pasted image 20240719152931.png