Виджет – это элемент панели для работы с данными. Виджеты используются для:
Виджеты разделяются на типы. Каждый тип предназначен для решения определенных задач.
График – используется для отображения трендов во времени. Применяется в случаях, когда много точек данных и когда надо сгруппировать похожие параметры устройств. Данные выводятся в необработанном виде.
График с областями – используется для отображения трендов по времени. Применяется в случаях, когда требуется показать относительное изменение вклада каждого из параметра во времени. Данные выводятся в необработанном виде.
Гистограмма – используется для сравнения параметров. Применяется в случаях, когда порядок следования данных не играет роли. Данные выводятся в необработанном виде.
Гистограмма изменений в интервале – используется для отслеживания изменений параметров за определенный интервал времени. Данные выводятся в обработанном виде. Сначала все получение данные разбиваются на часовые интервалы (00:00-00:59 и т.д.). Далее для каждого интервала вычисляется значения по формуле С=В-А, где «С» значение столбца гистограммы, точка «А» начальное значение интервала, а точка «B» конечное значение интервала. Данный виджет хорошо подходит для подсчета изменений счетчиков.
Гистограмма средних значений изменений в интервале – используется для визуализации изменений соседних значений параметров за интервал времени. Данные выводятся в обработанном виде. Сначала все получение данные разбиваются на часовые интервалы (00:00-00:59 и т.д.). Далее для каждой пари значений в интервале вычисляется значения по формуле С=В-А, где «С» значение изменения, точка «А» и точка «B» два соседних значения в интервале. Затем происходит подсчет среднего арифметического значения в интервале, которое будет использоваться в качестве значения столбца гистограммы. Данный виджет хорошо подходит для подсчета изменений погодных показаний.
Значение параметров – используется для визуализации последнего значения. Применяется в случаях, когда важно знать текущие значения параметра. Данные выводятся в необработанном виде. Данный виджет позволяет подходит для быстрого информирования пользователя о текущих показаниях датчиков.
Переключатели – используется для управления устройства. Применяется в тех случаях, когда ваше устройство подключено по протоколу MQTT и подписан на топик принятия команд. Данный виджет позволяет отправить команду вашему устройству, например, на включения или выключения света.
YouTube HTML-код (iframe) – используется для вывода видеоролика или прямой трансляции на панели. Можно применяется как для видеонаблюдения, демонстрации работы устройства, видео описание панели, или просто видео с YouTube.
Создание
Для того чтобы добавить виджет на панель откройте нужную панель в нижнем правом углу будет кнопка добавления
виджета . Затем откроется «Форма добавления виджета на панель» в этой форме нужно
указать название виджета, выбрать его тип, устройства получения данных и параметры для визуализации. В одном
виджете возможно использовать максимум 6 параметров.
Редактирование, Сортировка, Удаление
Для того чтобы появилась возможность изменения виджетов необходимо нажать на кнопку
которая расположена в нижнем правом углу открытой Панели.
После включения режима редактирования у каждого виджета появляется кнопка редактирования, удаления и появляется возможность сортировки виджетов.
Для того чтобы переместить виджет нажмите и держите левую кнопку мыши на имени виджета и перетащите виджет в нужное место.
У каждого виджета есть два режима просмотра стандартный и во весь экран (в развернутом).
В стандартном режиме отображения реализован полный функционал виджета.
В развернутом виде можно просматривать данные за выбранный период также в данном режиме отображаются статистические данные, а именно среднее значение и диапазон значений для каждого параметра в виджете. Также есть вам нужно открыть виджет во весь экран и смотреть данные в режиме онлайн то включите режим авто обновления поставив галочку напротив соответствующего пункта.
Для управления устройством разработан специальный виджет с «Переключатели». В нем могут использоваться параметры устройство с типом «Вкл / выкл». Данный виджет реализован в виде списка параметров и переключателя. По нажатию на переключатель отправляется сигнал на устройство о включении или выключении параметра. Устройство принимает команду и реагирует соответственным образом. После принятия команды устройство должно отправить на сервер новое состояния параметра.