Создание панелей мониторинга

Dashboard Studio преобразует данные IoT Query в интерактивные визуальные отчёты. Вы создаёте отчёты, добавляя панели на холст, пиша SQL-запросы и организуя результаты в навигационную структуру меню.

Посмотрите это видео, чтобы ознакомиться с интерфейсом приложения Dashboard Studio и узнать, как создать собственную пользовательскую панель мониторинга флота:

Интерфейс приложения Dashboard Studio, встроенные шаблоны дашбордов, создание пользовательского дашборда.

Что такое отчёты

Отчёты содержат панели, отображающие визуализации данных. Каждая панель выполняет SQL-запрос к вашей базе IoT Query — тем же таблицам уровней Bronze и Silver, к которым вы обращаетесь через SQL-клиенты. Вы размещаете панели на холсте, настраиваете их внешний вид и сохраняете готовый отчёт в меню. Dashboard Studio постоянно обновляет панели, чтобы отражать актуальные данные IoT Query.

Перед началом

Для работы Dashboard Studio требуется доступ к IoT Query. Включите IoT Query перед созданием отчётов. Если у вас пока нет доступа, свяжитесь с нами для активации по адресу [email protected].

Что можно создать?

Dashboard Studio предоставляет пять типов визуализаций. Каждый из них лучше всего подходит для решения конкретных аналитических задач.

• Кнопки со статистикой отображают одиночные ключевые метрики, такие как общая дистанция или количество транспортных средств. Используйте их, чтобы выделять критичные показатели в верхней части отчёта.

• Столбчатые диаграммы сравнивают значения по категориям или показывают тренды во времени. Они хорошо подходят для сравнения загрузки парка по регионам или отслеживания числа поездок в день.

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

• Таблицы представляют детализированные записи с несколькими атрибутами. Они подходят для сценариев, где пользователю необходимо видеть отдельные записи, например последние оповещения с отметками времени, идентификаторами транспортных средств и сообщениями.

• Текстовые панели добавляют пояснительный контент без выполнения запросов к данным. Используйте их для инструкций, заголовков разделов или контекста с форматированием Markdown.

Каждый тип визуализации служит определённым аналитическим целям. Кнопки со статистикой хорошо подходят для KPI, таких как общий размер парка или средняя загрузка. Столбчатые диаграммы помогают сравнивать показатели по регионам или отслеживать метрики во времени. Круговые диаграммы показывают разделение итогов по категориям, например расход топлива по типам транспортных средств. Таблицы представляют подробные записи, когда нужно видеть несколько атрибутов одновременно. Текстовые панели добавляют контекст, инструкции или заголовки разделов в ваши отчёты.

Требования к запросам зависят от типа визуализации. Кнопкам со статистикой нужен одно числовое значение. Столбчатые и круговые диаграммы требуют ровно двух столбцов: категорий и значений. Таблицы принимают любое количество столбцов. Текстовые панели не выполняют запросов к данным. Для полного описания требований к запросам и примеров смотрите Написание SQL-запросов.

Создание отчётов

Давайте пройдём шаги от пустого холста до структурированного и информативного дашборда.

Как создать ваш первый отчёт

1

Создайте новый отчёт

• Нажмите в нижнем левом углу приложения и выберите Новый отчёт.

• Добавить отчёт Название.

• Нажмите Создать отчёт, сообщение Начать появится.

• Выберите Начать с пустого дашборда чтобы открыть пустой холст.

2

Добавьте панель

Теперь вы можете добавить свою первую панель, выбрав тип визуализации.

1. Выберите на панели инструментов редактирования.

2. Выберите Тип панели и нажмите Добавить панель. Новая панель появится на холсте.

3

Настройте визуализацию

Теперь пришло время добавить параметры диаграммы:

1. Наведите указатель мыши на плитку и нажмите .

2. Dashboard Studio откроет редактор панели с тремя вкладками:

   1. Свойства панели управляют заголовком и типом

   2. SQL-запрос определяет, какие данные отображать

   3. Параметры визуализации настраивают, как эти данные будут выглядеть

3. Дайте панели имя в Свойства панели.

4. Напишите SQL-запрос который извлекает данные из таблиц IoT Query, и протестируйте его, чтобы проверить результаты.

5. Отрегулируйте Параметры визуализации.

6. Когда все удовлетворит, сохраните панель, чтобы добавить её на холст.

Как писать эффективные SQL-запросы

Теперь, когда вы понимаете базовый рабочий процесс, давайте подробно рассмотрим SQL-запросы. Пишите PostgreSQL-запросы, которые ссылаются на таблицы IoT Query во вкладке SQL Query. Доступны все таблицы уровней Bronze и Silver. Тестируйте запросы перед их применением, чтобы убедиться, что результаты соответствуют требованиям визуализации.

Результаты запросов должны соответствовать требованиям визуализации. Во вкладке SQL Query есть раздел "Требования к набору данных", объясняющий, чего ожидает выбранная визуализация. Используйте общие табличные выражения (CTE) для определения параметров в начале запроса ради гибкости. Такой подход делает запросы более поддерживаемыми и позволяет изменять параметры без переписывания сложной логики.

Для подробных шаблонов запросов, примеров и передовых практик смотрите Написание SQL-запросов.

Как размещать панели на холсте

Перетаскивайте панели, чтобы менять их расположение на холсте. Панели привязываются к сетке, которая поддерживает выравнивание. Изменяйте размер панелей, перетаскивая их углы. Холст использует сетку из 24 колонок, поэтому панели могут занимать от 1 до 24 колонок в ширину.

Объединяйте связанные панели в строки для удобства организации. Перетащите панель к краю холста, пока не появится синяя линия, затем отпустите, чтобы создать новую строку. Добавляйте другие панели в строку, перетаскивая их рядом с существующими. Сверните строки, используя значок стрелки на левой границе строки.

Как настроить внешний вид визуализации

Настраивайте параметры, специфичные для визуализации, во вкладке Параметры визуализации :

• Столбчатые диаграммы: горизонтальная или вертикальная ориентация

• Круговые диаграммы: обычный или пончиковый режим

• Таблицы: сортируемые столбцы, пагинация, подсветка строк

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

Пример настроек визуализации таблицы

Как организовать отчёты по разделам

Dashboard Studio использует иерархическое меню в левой боковой панели. Создавайте разделы, чтобы группировать связанные отчёты. Например, создайте раздел «Управление парком», содержащий отчёты о состоянии транспортных средств, загрузке и обслуживании.

Используйте режим редактирования меню, чтобы создавать разделы, перетаскивать в них отчёты и менять порядок элементов. Разделы не могут быть вложенными. У вас один уровень организации: разделы содержат отчёты, отчёты содержат панели.

Как сохранять и делиться отчётами

Сохраните отчёт, чтобы сохранить его в меню. Dashboard Studio запрашивает имя и место в разделе. Отчёты сохраняются автоматически в процессе работы.

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

Чтобы это сделать:

1. Нажмите чтобы войти в режим редактирования.

2. Нажмите чтобы открыть окно полной схемы.

3. Выберите Экспорт.

Dashboard Studio скачает JSON-файл, содержащий полную структуру отчёта, включая панели, запросы и настройки визуализаций. Вы также можете импортировать существующую схему.

Как работает обновление данных

Отчёты отображают актуальные данные из IoT Query. Dashboard Studio выполняет запросы к базе данных каждый раз при открытии отчёта. Актуальность данных соответствует обновлениям IoT Query, которые происходят непрерывно по мере отправки показаний устройствами.

Вы можете обновлять отчёты вручную с помощью кнопки Обновить в верхней панели инструментов.

Dashboard Studio не кэширует результаты. Каждая панель выполняет свой запрос независимо при загрузке или обновлении отчёта.