Отображение отчетов с диаграммами: различия между версиями

Материал из SmartPlayer
(Новая страница: «== '''Описание ситуации''' == Для пользователей платформы SmartPlayer появилась возможность просмотреть готовый отчет в виде нескольких видов диаграмм. Данное решение позволит облегчить восприятие и читаемость информации содержащейся в отчете. == '''Принцип де...»)
 
Нет описания правки
Строка 4: Строка 4:
{{Note|Для просмотра данной функциональности пользователю изначально необходимо создать "Отчет". Для лучшего понимания как правильно создавать отчет будучи пользователем, рекомендуется ознакомиться со следующими статьями:
{{Note|Для просмотра данной функциональности пользователю изначально необходимо создать "Отчет". Для лучшего понимания как правильно создавать отчет будучи пользователем, рекомендуется ознакомиться со следующими статьями:
* [[Раздел "Отчёты"]] |warn}}
* [[Раздел "Отчёты"]] |warn}}
После авторизации в личном кабинете и создания отчета пользователю необходимо перейти в раздел "Отчеты" и выбрать категорию "Сформированныек отчеты". Данная категория выбирается автоматически при нажатии на раздел "Отчеты".
После авторизации в личном кабинете и создания отчета пользователю необходимо перейти в раздел "Отчеты" и выбрать категорию "Сформированные отчеты". Данная категория выбирается автоматически при нажатии на раздел "Отчеты".
 
[[File:Сформированный_отчеты.png|thumb|center| Пример отображения раздела "Отчета" и категории "Сформированные отчеты" в личном кабинете пользователя |800px]]
После открытия новой страницы раздела "Отчеты" пользователю необходимо выбрать один из успешно сформированных отчетов. Успешно сформированный отчет отмечен иконкой в виде зеленого круга. Отчет который не был сформирован имеет иконку в виде красного круга.
После открытия новой страницы раздела "Отчеты" пользователю необходимо выбрать один из успешно сформированных отчетов.<br>
 
Типы отчетов:
# Успешно сформированный отчет отмечен иконкой в виде зеленого круга.  
# Отчет который не был сформирован имеет иконку в виде красного круга.
[[File:Типы_отчетов.png|thumb|center| Пример отображения различных видов отчетов в личном кабинете|800px]]
Выбрав успешно сформированный отчет кликом мышки пользователю необходимо переместиться вправо в открывшийся тулбар и выбрать строку "Показать ".  
Выбрав успешно сформированный отчет кликом мышки пользователю необходимо переместиться вправо в открывшийся тулбар и выбрать строку "Показать ".  
 
[[File:Функция_показаить.png|thumb|center| Пример отображения правого тулбара с настройками готового отчета |800px]]
Кликнув на строку "Показать" пользователю откроется новая страница с диаграммами к отчету.
Кликнув на строку "Показать" пользователю откроется новая страница с диаграммами к отчету.
 
[[File:Страница_отчета.png|thumb|center| Пример отображения страницы с подробностями об отчете|800px]]
=== '''Информация отображаемая на странице''' ===
=== '''Информация отображаемая на странице''' ===
При открытии страницы с диаграммами пользователь может получить следующую информацию:
При открытии страницы с диаграммами пользователь может получить следующую информацию:
Строка 17: Строка 20:
# Тип диаграммы используемый для отчета (может быть: линейная, столбчатая, кольцевая)
# Тип диаграммы используемый для отчета (может быть: линейная, столбчатая, кольцевая)
# Параметр по которому отображается диаграмма
# Параметр по которому отображается диаграмма
[[File:Параметры_отчета.png|thumb|center| Пример деления страницы с подробностями о сформированном отчете|800px]]
=== '''Взаимодействия с диаграммами''' ===
=== '''Взаимодействия с диаграммами''' ===
Для взаимодействия с отчетом пользователю доступно три типа диаграмм:
Для взаимодействия с отчетом пользователю доступно три типа диаграмм:
* Линейная
* Линейная - отображает данные из отчета в виде графика из линий
* Столбчатая
[[File:Пример_линейная.png|thumb|center| Пример отображения линейной диаграммы для отчетов|800px]]
* Кольцевая
* Столбчатая - отображает данные из отчета в виде графика из столбцов
[[File:Пример_столбчатая.png|thumb|center| Пример отображения столбчатой диаграммы для отчетов|800px]]
* Кольцевая - отображает данные из отчета в виде кругового графика в несколько уровней
[[File:Пример_кольцевая.png|thumb|center| Пример отображения круговой диаграммы для отчетов|800px]]
=== '''Фильтрация показателей''' ===
=== '''Фильтрация показателей''' ===
При использовании каждой из диаграмм будет использовать цветовая "легенда" отображаемых показателей. Если кликнуть на один из показателей мышью, то он будет отображен как перечеркнутый и будет удален из рассматриваемой диаграммы.
При использовании каждой из диаграмм будет использовать цветовая "легенда" отображаемых показателей.  
[[File:Пример_легенды.png|thumb|center| Пример отображения цветовой легенды для диаграмм|800px]]
Если кликнуть на один из показателей мышью, то он будет отображен как перечеркнутый и будет удален из рассматриваемой диаграммы.
[[File:Отключение_легенды.png|thumb|center| Пример отображения убранного элемента "легенды" на диаграмме|800px]]
== '''Видеоинструкция''' ==
== '''Видеоинструкция''' ==
[https://www.youtube.com/watch?v=GC9jb1NE5A4 Отображение отчетов с диаграммами]
== '''Дополнительная информация''' ==
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы
[[File:Обсуждение_громкость_1.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Обсуждение_громкость_1.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]

Версия от 09:36, 26 августа 2024

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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