Диаграмма (начиная с версии 2.9.4.0)

Создано: Сергей Михайлович Отразов, Изменено Вск, 22 Янв, 2023 на 11:36 PM по Сергей Михайлович Отразов

СОДЕРЖАНИЕ

Основные параметры источника
Дополнительные параметры источника
Скриншот
Подпись
Наложение

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

Для работы с источником необходимо предварительно настроить интеграцию в разделе Настройки (кнопка в верхней панели) — Конфигурация контроллера — Интеграции — Grafana. После этого источники автоматически подгрузятся на вкладку Хранилище. Все изменения в хранилище у этого источника происходят на сервере Grafana.

Основные параметры источника

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

Название — укажите имя источника для последующего удобства поиска. Поле обязательно для заполнения.
Описание — укажите небольшое описание источника. Для добавления описания нажмите на кнопку в виде галочки, чтобы развернуть текстовое поле. Введите текст описания. Поле необязательно для заполнения.
Путь — пропишите путь к источнику. При загрузке или импорте источника данное поле заполняется автоматически. Поле обязательно для заполнения.
График — выберите в выпадающем списке тип графика для отображения на видеостене.

Дополнительные параметры источника

По желанию вы можете указать дополнительные параметры к источнику Диаграмма:

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

Интервал — укажите интервал отображения данных. Нажмите на кнопку в виде галочки и выберите в выпадающем списке нужное значение. Минимальное значение — Последние 5 минут, максимальное — Последние 30 дней.

Обновление — укажите интервал обновления данных. Нажмите на кнопку в виде галочки и выберите в выпадающем списке нужное значение. Минимальное значение — 5 секунд, максимальное — 1 день.

Киоск-режим — нажмите на кнопку-переключатель, чтобы активировать или деактивировать полноэкранный режим вывода информации.

Скриншот

Скриншот используется в качестве заставки на видеостене. Он автоматически формируется при первом запуске источника или же после сохранения превью через меню управления окном источника (параметр Сохранить превью).

Подпись

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

Заполните параметры Текст, Размер шрифта.
В параметре Прозрачность фона укажите значение от 0 до 100, где 0 — надпись не прозрачная, 100 – полностью прозрачная (невидимая).
Задайте цвет шрифта и фона. Для этого нажмите на цветной квадратик и выберите нужный цвет.
Ниже выберите параметры выравнивания надписи по горизонтали и вертикали.

Наложение

Функция Наложение позволяет накладывать поверх источника элементы, на которые можно указать ссылку. Например, это может быть страница сайта, изображение и т. д. Для этого укажите:

URL — адрес страницы сайта.
Масштаб, % — масштаб окна. Например, 100 или 200. Значок процента указывать не нужно.
Прозрачность, % — прозрачность слоя, где 0 — непрозрачный слой, 100 — полностью прозрачный. Например, 40. Значок процента указывать не нужно.
Ширина, px и Высота, px — ширина и высота окна браузера в пикселях. Пиксели указывать не нужно.
Также можно указать CSS-классы в параметре Классы без фона (указываются через запятую).
Ниже выберите параметры выравнивания надписи по горизонтали и вертикали.

Для взаимодействия с наложенной поверх источника страницей браузера перейдите в режим Проброса управления.

Для удаления откройте меню управления окном источника — Маркировка — Наложение. Нажмите на кнопку Убрать.

Возможно, при работе с источниками вам будут полезны другие статьи к MWCC 3.0: