Отображение отчетов с диаграммами

Материал из SmartPlayer

Описание ситуации

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

Принцип действия

Для просмотра данной функциональности пользователю изначально необходимо создать "Отчет". Для лучшего понимания как правильно создавать отчет будучи пользователем, рекомендуется ознакомиться со следующими статьями:

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

Пример отображения раздела "Отчета" и категории "Сформированные отчеты" в личном кабинете пользователя

После открытия новой страницы раздела "Отчеты" пользователю необходимо выбрать один из успешно сформированных отчетов.
Типы отчетов:

  1. Успешно сформированный отчет отмечен иконкой в виде зеленого круга
  2. Отчет, который не был сформирован, имеет иконку в виде красного круга
Пример отображения различных видов отчетов в личном кабинете

Выбрав успешно сформированный отчет кликом мышки пользователю необходимо переместиться вправо в открывшийся тулбар и выбрать строку "Показать ".

Пример отображения правого тулбара с настройками готового отчета

Кликнув на строку "Показать", пользователю откроется новая страница с диаграммами к отчету.

Пример отображения страницы с подробностями об отчете

Информация отображаемая на странице

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

  1. Название устройства, для которого был собран отчет
  2. Тип диаграммы, используемый для отчета (может быть: линейная, столбчатая, кольцевая)
  3. Параметр, по которому отображается диаграмма
Пример деления страницы с подробностями о сформированном отчете

Взаимодействия с диаграммами

Для взаимодействия с отчетом пользователю доступно три типа диаграмм:

  • Линейная - отображает данные из отчета в виде графика из линий
Пример отображения линейной диаграммы для отчетов
  • Столбчатая - отображает данные из отчета в виде графика из столбцов
Пример отображения столбчатой диаграммы для отчетов
  • Кольцевая - отображает данные из отчета в виде кругового графика в несколько уровней
Пример отображения круговой диаграммы для отчетов

Фильтрация показателей

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

Пример отображения цветовой легенды для диаграмм

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

Пример отображения убранного элемента "легенды" на диаграмме

Видеоинструкция

Отображение отчетов с диаграммами

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы

Пример отображения вкладки "Обсуждения" на wiki-странице