Каталог

КАК ЭТО РАБОТАЕТ

Быстрый старт

Варианты связи с контроллером

Редактор графического интерфейса

Как получить исходный код

Как использовать графический интерфейс для своей задачи

Дополнительные функции библиотеки

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

Элементы индикации

Элементы оформления

Модули связи

Библиотека

Как перенести интерфейс в IDE FLProg

Обновление прошивки ESP8266

Онлайн график



Элемент индикации «Онлайн график» предназначен для отображения изменения значений во времени в виде графика. Значения отражаются на графике только когда установлено соединение с устройством, то есть онлайн. На один график могут быть выведены до 10 значений, которые будут отображены различными цветами в одной масштабной сетке.

Данные


DataType
Текущее значение 1float
Текущее значение 2float
...float
Текущее значение 10float

Настройки

  • Имя переменной - имя текстовой строки и переменной в исходном коде для микроконтроллера, допускается задавать имя по правилам именования переменных языка C.
  • Показывать легенду - установка флажка включает отображение наименования каждого значения.
  • Показывать значения - установка флажка включает отображение значений в виде чисел справа от графика.
  • Количество значений - указывает на количество значений, которые будут отображены различными цветами в одной масштабной сетке.

Описание

График отображает изменение значений переменных на оси времени. График работает с числами с плавающей точкой типа float.

График строится на основе текущих значений, передаваемых из контроллера, когда установлено соединение. Архивирование значений выводимых на график производится на стороне смартфона. Данный элемент индикации не предусматривает какого либо архива данных на стороне контроллера. Текущие значения заносятся в архив на стороне смартфона и в дальнейшем участвуют в построении графика. В архиве на смартфоне так же хранятся данные из предыдущих сеансов связи с контроллером, они так же выводятся на график. Для каждого подключаемого устройства в мобильном приложении можно указать количество дней для сохранения исторических данных.

График позволяет изменять масштабы осей и перемещать оси в обоих направлениях. Для перемещения оси установите палец в поле графика и двигайте его вдоль оси в нужном направлении.

Для изменения масштаба оси необходимо установить два пальца в поле графика и далее сдвигая или раздвигая пальцы вдоль необходимой оси установить необходимый масштаб.

Выбор масштаба оси времени может быть выполнен выбором из меню. Для вызова меню настроек графика быстро коснитесь пальцем в поле графика. Вы можете установить один из доступных масштабов оси времени от 15 секунд до 7 дней.

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

Если вы существенно изменили конфигурацию интерфейса устройства, то архивные данные графика будут удалены автоматически при установке связи. К существенным изменениям относится добавление, удаление, замена элементов управления, а так же изменения влияющие на список переменных в структуре RemoteXY.

Примеры программирования Arduino IDE

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

Пример выводит график синуса:

RemoteXY.onlineGraph_1_var1 = sin ((float)millis () / 3000.0);

Пример выводит значение напряжения с аналогового входа A0 контроллера Arduino:

RemoteXY.onlineGraph_1_var1 = float (analogRead(A0)) / 204.8;