Мониторинг параметров устройства при помощи диаграммы

Диаграммы очень удобны для отображения изменений параметров устройства. В этом уроке мы Вам покажем, как отслеживать данные о температурном режиме, поступающие от сенсора, при помощи диаграммы. Мы не рассматриваем здесь подключение сенсора к серверу, полагая, что он уже находится в режиме on-line, и система видит его как устройство.

В SberMobile диаграммы являются частью виджетов. Мы собираемся создать виджет, содержащий простой компонент диаграммы.

Наиболее простой способ создать диаграмму для переменной SberMobile - запустить действие настроить устройство (), правой кнопкой мыши щелкнуть по нужной переменной и выбрать элемент создать диаграмму (). Это действие создаст новый виджет с компонентом диаграммы и несколькими другими компонентами для осуществления оперативного контроля за параметрами диаграммы. Созданный виджет будет выглядеть следующим образом:

Еще один способ получить диаграмму с изменениями переменной - создать виджет вручную, добавить в нее компонент диаграммы и настроить диаграмму.

Перед началом создания виджета, найдите узел устройства, которое необходимо отслеживать в системном дереве (). Перетащите его на узел Виджеты ():

Во всплывающем меню выберите действие Создать виджет (). Откроется диалоговое окно свойства виджета. Установите для Имя виджета tchart, Описание виджета - Temperature Chart и кликните OK.

Это запустит редактор виджетов с пустым шаблоном виджета. Если перетащить устройство на узел виджета, диаграмма будет доступна для контекста каждого терминала устройства.

Перетащите компонент Диаграмма строки XY (XY Line Chart) из палитры компонентов в Корневую панель виджета:

Это добавит новый компонент диаграммы в шаблон виджета.

Наша диаграмма покажет изменения в значении переменных контекста. У сенсора температуры есть одна переменная, которую можно легко представить графически. Это temperaturei, cодержащая целое значение температуры, выраженное в градусах Цельсия, умноженное на 10 (т.е. значение 234 - это 23.4 градуса Цельсия). Значение температуры, которое содержится в одном поле этой переменной, также называется temperaturei.

Таким образом, наша диаграмма будет основана на данных переменной. Кликните по диаграмме в рабочей форме и измените свойство Тип источника данных на Переменную во вкладке данных окно свойств:

Затем кликните Переменные источника, чтобы установить серию новых данных. Откроется окно Переменные источника. Кликните Добавить ряд (), чтобы создать серию новых данных, а затем отредактируйте ее:  

• Установите Имя на Temperature;
• Переключитесь в поле Контекст и кликните [...], чтобы отредактировать путь контекста интерактивно в селекторе объектов. Выберите устройство из дерева (его название должно быть выделено жирным шрифтом, поскольку это контекст по умолчанию) и кликните OK:

Действительное значение для поля Контекст будет точка (".") вместо полного пути к контексту устройства. Это относительный путь, который позволит виджету диаграммы работать с другими аналогичными устройствами, не только с тем, для которого диаграмма была создана.

• Выберите temperaturei из списка Переменные.
• Переключитесь в поле Выражение и кликните [...], чтобы отредактировать выражение данных интерактивно в редакторе выражений. Во-первых, в окне Редактор выражений дважды кликните по полю temperaturei в разделе Относительные ссылки, чтобы добавить одну относительную ссылку. Во-вторых, добавьте / 10 к Выражению, чтобы разделить значение и, таким образом, конвертировать его в градусы Цельсия. Это необходимо, поскольку поле переменной изначально содержит значение температуры, умноженной на 10, позволяющее хранить его как целое число:

Другие колонки не изменяйте. Серия данных переменной должна выглядеть следующим образом:

На этом этапе Вы можете пожелать настроить свою диаграмму. Информацию о доступных свойствах и их описание см в разделе диаграммы. Например, Вы можете изменить флажки Включить исторические данные и Включить данные реального времени, чтобы диаграмма включала текущее значение температуры,  историю температуры и сразу два этих показателя. Другой возможный вариант - изменить Тип оси. Если установить для него Ось данных (Date Axis) или Ось периода (Period Axis), это заставит горизонтальную ось отображать данные вместо целых числел. Еще одна полезная опция - Отрисовщик, который влияет на внешний вид диаграммы.

Можно также ограничить временной диапазон диаграммы, активировав опцию Ограничить Диапазон времени и изменив Диапазон времени на требуемое значение.

Кликните Готово (), чтобы завершить редактирование и сохранить виджет. Он должен появиться в Системном дереве:

Правой кнопкой мыши кликните по узлу системного дерева устройства () Вашего датчика температуры. В контекстном меню Вы должны видеть новое действие запустить виджет, именуемое Диаграммой температуры (Temperature Chart) ():

Выберите это действие, чтобы запустить виджет для определенного датчика температуры. В SberMobile IIoT Platform Client появится новое плавающее окно, содержащее виджет с нашей диаграммой:

Диаграмма будет динамически обновляться, если в настройках диаграммы активировано Включить данные реального времени.

Если Вы хотите отслеживать температуру постоянно, когда запущен SberMobile IIoT Platform Client, включите виджет диаграммы в инструментальную панель. См. как создать инструментальную панель для мониторинга Вашего устройства в режиме реального времени.