В этой статье рассмотрим пример подготовки тестового дашборда «Общественное питание в Москве». Источником данных для дашборда является набор данных, опубликованный на Портале открытых данных Правительства Москвы. Скачать файл Excel можно по указанной ссылке.

Запуск Аналитического портала

После установки и настройки портала выполните следующие шаги:

1. Перейдите по адресу портала.
2. Введите логин и пароль.

Подключение источника данных

Существует два способа получения данных для построения отчета:

• Подключение напрямую к базе данных, где хранится таблица-источник (подробнее см. раздел «Произвольные наборы данных»).
• Получение данных из файла Excel.

В данном примере используется стандартный инструмент аналитического портала для загрузки данных из файла Excel — «Загрузка из Excel».

1. Перейдите в режим «Администрирование». Он находится в нижней левой части экрана, между кнопкой перехода на главную страницу и значком аккаунта.
2. Выберите раздел «Загрузка из Excel».
3. В пункте «Книги Excel» добавьте заранее подготовленный файл .xlsx с данными. Данные из файла отобразятся в виде плоской таблицы.
4. Выберите лист для загрузки в выпадающем списке «Лист».
5. Выберите строку заголовка таблицы в Excel, щёлкнув по ячейке в первой (серой) колонке.
6. Введите имя набора данных в строке «Таблица БД» — например, «mos_food».
7. Нажмите кнопку «Импортировать данные». После завершения система выведет сообщение об успешной загрузке данных во внутреннюю БД и формировании набора данных.

После успешной загрузки набор данных автоматически добавляется и становится доступным для выбора в Конструкторе дашбордов в Редакторе компонентов. Также есть возможность внести изменения в созданный набор.

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

По умолчанию при загрузке из Excel набор данных создается автоматически и сохраняется в источнике «DataFromFiles». В данном примере необходимо добавить поле «adm», которое понадобится при построении карты на дашборде:

1. Перейдите в режим «Администрирование». Он находится в нижней левой части экрана, между кнопкой перехода на главную страницу и значком аккаунта.
2. Выберите раздел «Наборы данных».
3. Выберите «Источник данных» / «DataFromFiles».
4. Используя выпадающий список «Наборы данных», найдите ранее созданный «xls_mos_food».
5. Нажмите значок «Глаз» рядом с надписью «SQL Запрос», чтобы отредактировать запрос к таблице в базе данных.
   1. Вставьте выражение replace("AdmArea", ' административный округ', '') as adm перед FROM.
6. Проверьте запрос, нажав соответствующую кнопку в правой части экрана. В списке данных, который отображается ниже, появится дополнительная колонка «adm».
7. Если изменения внесены корректно и ошибок не обнаружено, появится надпись: «SQL запрос успешно прошёл проверку».
8. Сохраните изменения и перейдите к следующему шагу — созданию отчета.

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

После подключения источника данных и редактирования набора данных следующий шаг — создание отчета. Это включает два основных этапа:

1. Добавление отчета в соответствующем разделе меню.
2. Настройка визуальной части дашборда.

Добавление отчета

1. Перейдите в режим «Администрирование». Он находится в нижней левой части экрана, между кнопкой перехода на главную страницу и значком аккаунта.
2. Выберите раздел «Отчеты».
3. Нажмите кнопку «Добавить отчет» и заполните форму:
   • «Наименование» — «Общественное питание в Москве» (будет отображаться в меню отчетов).
   • «Заголовок отчета» — «Общественное питание в Москве» (будет выведен в шапке отчета).
   • «Группа отчета» — «Общественное питание в России» (раздел, в котором будет размещен отчет).
4. Нажмите кнопку «Создать».

Настройка визуальной части дашборда

После создания отчета кликните на название в списке, откроется окно конструктора.

Так как панель еще не настроена, она по умолчанию открывается в режиме конструктора. Заштрихованное поле представляет собой чистый лист («холст»), на котором можно размещать разные элементы. Изначально на панели размещен один пустой контейнер.

В режиме конструктора перейдите в меню настройки контейнера, нажав на шестеренку в правом верхнем углу.

Диаграмма столбчатая

1. В правой части выберите тип отображения — «Диаграмма столбчатая», на которой будет отображаться количество заведений для каждого административного округа с детализацией по районам Москвы.
   1. В левой части экрана из выпадающего списка выберите созданный ранее набор данных «xls_mos_food».
   2. Путем перетаскивания поместите данные («Пилюли») на «Полки» (см. «Представление внутри отчета»). В качестве «Пилюли» может выступать вычисляемое поле (см. «Настройка вычисляемых полей»).
      • На полку «Значения» поместите «ID объекта» (для подсчета количества уникальных заведений). Для настройки нажмите на стрелку в нижней части «Пилюли» «ID объекта» и выберите:
        • «Имя поля» — введите «Количество»;
        • «Агрегация» — выберите «COUNTD» (количество уникальных записей);
        • «Сортировка» — выберите «по убыванию».
      • На полку «Категории» поместите «AdmArea» (для группировки данных по административному округу). Для настройки нажмите на стрелку в нижней части «Пилюли» «AdmArea» и выберите:
        • «Имя поля» — введите «Административный округ».
      • На полку «Категории» поместите «District» для детализации каждого административного округа по районам посредством дрилла (см. «Настройка перехода между уровнями детализации данных/дрилла»). Для настройки нажмите на стрелку в нижней части «Пилюли» «District» и выберите:
        • «Имя поля» — введите «Район».
      • На полку «Фильтры» поместите «TypeObject» (для фильтрации гистограммы по типу объекта) и «District» с «AdmArea» для активации дрилла.
   3. Заполнив «Полки», перейдите на вкладку настроек компонента отображения (правый верхний угол, средняя вкладка):
      • «Общие настройки»:
        • «Заголовок» — «Количество заведений по административным округам\районам, шт.»;
        • «Ориентация» — «верт.»;
        • «Стекинг» — «вкл.».
      • «Всплывающая подсказка»:
        • Объединить — «вкл.».
      • «Легенда» — «выкл.».
      • «Дрилл» — «вкл.»:
        • «Создать»;
        • «Уровень 1» — «AdmArea»;
        • «Уровень 2» — «District».
   4. Настройка визуализации «Диаграмма столбчатая» завершена. Теперь нажмите кнопку «Сохранить» и приступайте к созданию следующей визуализации.

Геокарта

1. Нажмите значок «+» для добавления нового контейнера и перейдите в конструктор.
2. В правой части выберите тип отображения — «Геокарта», на которой в виде карты будет отображаться количество посадочных мест по административным округам\заведениям.
   1. В левой части экрана из выпадающего списка выберите созданный ранее набор данных.
   2. Путем перетаскивания поместите данные («Пилюли») на «Полки» (см. «Представление внутри отчета»).
      • На полку «Значения» поместите «SeatsCount» (для подсчета количества посадочных мест). Для настройки нажмите на стрелку в нижней части «Пилюли» «SeatsCount» и выберите:
        • «Имя поля» — введите «Количество»;
        • «Агрегация» — выберите «SUM» (общее количество мест);
        • «Добавить в подсказку» — «вкл.».
      • На полку «Значения» поместите «SeatsCount» (для определения размера кружка в зависимости от количества посадочных мест). Для настройки нажмите на стрелку в нижней части «Пилюли» «SeatsCount» и выберите:
        • «Тип» — размер;
        • «Агрегация» — выберите «SUM» (общее количество мест).
      • На полку «Значения» поместите «TypeObject» (для добавления в подсказку типа объекта). Для настройки нажмите на стрелку в нижней части «Пилюли» «TypeObject» и выберите:
        • «Добавить в подсказку» — «вкл.».
      • На полку «Категории» поместите «AdmArea» (для группировки данных по административному округу). Для настройки нажмите на стрелку в нижней части «Пилюли» «AdmArea» и выберите:
        • «Имя поля» — введите «Административный округ».
      • На полку «Категории» поместите «Name» для детализации каждого административного округа по заведениям посредством дрилла (см. «Настройка перехода между уровнями детализации данных/дрилла»). Для настройки нажмите на стрелку в нижней части «Пилюли» «Name» и выберите:
        • «Имя поля» — введите «Название заведения».
      • На полку «Фильтры» поместите «TypeObject» (для фильтрации карты по типу объекта) и «Name» с «AdmArea» для активации дрилла.
   3. Заполнив «Полки», перейдите на вкладку настроек компонента отображения (правый верхний угол, средняя вкладка).
      • «Общие настройки»:
        • «Заголовок» — «Количество посадочных мест по округам\заведениям»;
        • «Авто-центровка карты» — «вкл.»;
        • «Режим фильтра» — «вкл.».
      • «Геоданные»:
        • «Категория» — «AdmArea»:
          • «Тип» — «округа Москвы»;
          • «Поле привязки в геоданных» — «Name»;
          • «Поле связывания в данных» — «AdmArea».
        • «Категория» — «Name»:
          • «Тип» — «Маркеры (из данных)»;
          • «Поле долготы» — «Longitude_WGS84»;
          • «Поле широты» — «Latitude_WGS84».
        • «Дрилл» — «вкл.»:
          • «Создать»;
          • «Уровень 1» — «AdmArea»;
          • «Уровень 2» — «Name».
   4. Настройка визуализации «Геокарта» завершена. Теперь нажмите кнопку «Сохранить» и приступайте к созданию следующей визуализации.

Контейнер с фильтрами

1. Нажмите значок «+» для добавления нового контейнера и перейдите в конструктор.
2. В правой части выберите тип отображения — «Контейнер с фильтрами», который позволит выводить срез данных в зависимости от выбранного типа объекта.
   1. В левой части экрана из выпадающего списка выберите созданный ранее набор данных.
   2. Путем перетаскивания поместите данные («Пилюли») на «Полки» (см. «Представление внутри отчета»).
      • На полку «Фильтры» поместите «TypeObject». Для настройки нажмите на стрелку в нижней части «Пилюли» «TypeObject» и выберите:
        • «Имя поля» — введите «Тип объекта».
   3. Заполнив «Полку», перейдите на вкладку настроек компонента отображения (правый верхний угол, средняя вкладка).
      • «Настройки отображения»:
        • «Тип отображения» — «Кнопки»;
        • «Множественный выбор» — «Вкл.».
   4. Нажмите кнопку «Сохранить».
   5. Теперь необходимо активировать фильтры. Для этого, находясь на «полотне» в режиме редактирования, перейдите в меню фильтров, расположенном в правом верхнем углу (значок в виде воронки). Включите фильтр «Тип объекта».
   6. Настройка «Фильтров» завершена. Теперь нажмите кнопку «Сохранить».
   7. Измените размер получившегося элемента, перетягивая мышкой за правый нижний угол.
3. Измените положение элементов на холсте, перетаскивая их с зажатой левой кнопкой мыши.
4. По окончании работы нажмите кнопку «Сохранить» и выйдите из режима конструктора, нажав кнопку в виде шестеренки.
5. Дашборд готов и опубликован.