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

<languages/>
<translate>
<!--T:1-->
== '''Описание ситуации''' ==
Для пользователей платформы SmartPlayer появилась возможность просмотреть готовый отчет в виде нескольких видов диаграмм. Данное решение позволит облегчить восприятие и читаемость информации, содержащейся в отчете.
== '''Принцип действия''' ==
{{Note|Для просмотра данной функциональности пользователю изначально необходимо создать "Отчет". Для лучшего понимания как правильно создавать отчет будучи пользователем, рекомендуется ознакомиться со следующими статьями:
* [[Раздел "Отчёты"]] |warn}}
После авторизации в личном кабинете и создания отчета пользователю необходимо перейти в раздел "Отчеты" и выбрать категорию "Сформированные отчеты". Данная категория выбирается автоматически при нажатии на раздел "Отчеты".
[[File:Сформированный_отчеты.png|thumb|center| Пример отображения раздела "Отчета" и категории "Сформированные отчеты" в личном кабинете пользователя |800px]]
После открытия новой страницы раздела "Отчеты" пользователю необходимо выбрать один из успешно сформированных отчетов.<br>
Типы отчетов: 
# Успешно сформированный отчет отмечен иконкой в виде зеленого круга
# Отчет, который не был сформирован, имеет иконку в виде красного круга
[[File:Типы_отчетов.png|thumb|center| Пример отображения различных видов отчетов в личном кабинете|800px]]
Выбрав успешно сформированный отчет кликом мышки пользователю необходимо переместиться вправо в открывшийся тулбар и выбрать строку "Показать ". 
[[File:Функция_показаить.png|thumb|center| Пример отображения правого тулбара с настройками готового отчета |800px]]
Кликнув на строку "Показать", пользователю откроется новая страница с диаграммами к отчету.
[[File:Страница_отчета.png|thumb|center| Пример отображения страницы с подробностями об отчете|800px]]
</translate>
<translate>
<!--T:2-->
=== '''Информация отображаемая на странице''' ===
При открытии страницы с диаграммами пользователь может получить следующую информацию:
# Название устройства, для которого был собран отчет
# Тип диаграммы, используемый для отчета (может быть: линейная, столбчатая, кольцевая)
# Параметр, по которому отображается диаграмма
[[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=jyHW8lRGQWo Отображение отчетов с диаграммами]
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы
[[File:Обсуждение_диаграм.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
</translate>