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

Материал из SmartPlayer
(Новая страница: «Displaying Reports with Charts»)
 
Нет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div lang="ru" dir="ltr" class="mw-content-ltr">
== Description of the Situation ==  
== '''Описание ситуации''' ==
SmartPlayer platform users now have the ability to view a completed report in the form of various types of charts. This solution makes the information contained in the report easier to perceive and read.
Для пользователей платформы SmartPlayer появилась возможность просмотреть готовый отчет в виде нескольких видов диаграмм. Данное решение позволит облегчить восприятие и читаемость информации, содержащейся в отчете.
== How It Works ==  
== '''Принцип действия''' ==
{{Note|To access this functionality, the user must first create a "Report." For a better understanding of how to correctly create a report as a user, it is recommended to review the following articles:
{{Note|Для просмотра данной функциональности пользователю изначально необходимо создать "Отчет". Для лучшего понимания как правильно создавать отчет будучи пользователем, рекомендуется ознакомиться со следующими статьями:
* [[Section "Reports"]] |warn}}
* [[Раздел "Отчёты"]] |warn}}
After logging into the personal account and creating a report, the user needs to go to the "Reports" section and select the "Generated Reports" category. This category is automatically selected when you click on the "Reports" section.  
После авторизации в личном кабинете и создания отчета пользователю необходимо перейти в раздел "Отчеты" и выбрать категорию "Сформированные отчеты". Данная категория выбирается автоматически при нажатии на раздел "Отчеты".
[[File:Сформированный_отчеты.png|thumb|center| Example of the "Reports" section and "Generated Reports" category in the user's personal account |800px]]
[[File:Сформированный_отчеты.png|thumb|center| Пример отображения раздела "Отчета" и категории "Сформированные отчеты" в личном кабинете пользователя |800px]]
Once the new "Reports" section page is opened, the user needs to select one of the successfully generated reports.<br> Report types:
После открытия новой страницы раздела "Отчеты" пользователю необходимо выбрать один из успешно сформированных отчетов.<br>
# A successfully generated report is marked with a green circle icon.
Типы отчетов:  
# A report that was not generated has a red circle icon. [[File:Типы_отчетов.png|thumb|center| Example of different types of reports in the personal account |800px]]
# Успешно сформированный отчет отмечен иконкой в виде зеленого круга
After selecting a successfully generated report with a mouse click, the user needs to move to the right toolbar that appears and select the "Show" option.  
# Отчет, который не был сформирован, имеет иконку в виде красного круга
[[File:Функция_показаить.png|thumb|center| Example of the right toolbar with settings for the completed report |800px]]
[[File:Типы_отчетов.png|thumb|center| Пример отображения различных видов отчетов в личном кабинете|800px]]
Clicking on the "Show" option will open a new page with charts related to the report.  
Выбрав успешно сформированный отчет кликом мышки пользователю необходимо переместиться вправо в открывшийся тулбар и выбрать строку "Показать ".  
[[File:Страница_отчета.png|thumb|center| Example of the report details page with charts |800px]]
[[File:Функция_показаить.png|thumb|center| Пример отображения правого тулбара с настройками готового отчета |800px]]
=== Information Displayed on the Page ===  
Кликнув на строку "Показать", пользователю откроется новая страница с диаграммами к отчету.
When the page with charts is opened, the user can access the following information:
[[File:Страница_отчета.png|thumb|center| Пример отображения страницы с подробностями об отчете|800px]]
# The name of the device for which the report was generated.
</div>
# The type of chart used for the report (can be: line, bar, ring).
<div lang="ru" dir="ltr" class="mw-content-ltr">
# The parameter by which the chart is displayed. [[File:Параметры_отчета.png|thumb|center| Example of how the report details page is divided |800px]]
=== '''Информация отображаемая на странице''' ===
=== Interacting with Charts ===  
При открытии страницы с диаграммами пользователь может получить следующую информацию:
The user has access to three types of charts for interacting with the report:
# Название устройства, для которого был собран отчет
* Line Chart - Displays report data in the form of a line graph. [[File:Пример_линейная.png|thumb|center| Example of a line chart for reports |800px]]
# Тип диаграммы, используемый для отчета (может быть: линейная, столбчатая, кольцевая)
* Bar Chart - Displays report data in the form of a bar graph. [[File:Пример_столбчатая.png|thumb|center| Example of a bar chart for reports |800px]]
# Параметр, по которому отображается диаграмма
* Ring Chart - Displays report data in the form of a circular chart with multiple levels.
[[File:Параметры_отчета.png|thumb|center| Пример деления страницы с подробностями о сформированном отчете|800px]]
[[File:Пример_кольцевая.png|thumb|center| Example of a ring chart for reports |800px]]
=== '''Взаимодействия с диаграммами''' ===
=== Filtering Indicators ===  
Для взаимодействия с отчетом пользователю доступно три типа диаграмм:
When using any of the charts, a color "legend" of the displayed indicators will be used. [[File:Пример_легенды.png|thumb|center| Example of a color legend for charts |800px]] If you click on one of the indicators with the mouse, it will appear crossed out and will be removed from the chart being viewed. [[File:Отключение_легенды.png|thumb|center| Example of a removed "legend" item on the chart |800px]]
* Линейная - отображает данные из отчета в виде графика из линий
== Video Guide ==  
[[File:Пример_линейная.png|thumb|center| Пример отображения линейной диаграммы для отчетов|800px]]
[https://www.youtube.com/watch?v=jyHW8lRGQWo Displaying Reports with Charts]
* Столбчатая - отображает данные из отчета в виде графика из столбцов
== Additional Information ==  
[[File:Пример_столбчатая.png|thumb|center| Пример отображения столбчатой диаграммы для отчетов|800px]]
If this article does not help you use the functionality as intended, or if you have any questions after reading it, you can ask them in the "Discussion" section at the top of the page. [[File:Обсуждение_диаграм.png|thumb|center| Example of the "Discussion" tab on the wiki page |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]]
</div>

Текущая версия от 10:12, 26 августа 2024

Description of the Situation

SmartPlayer platform users now have the ability to view a completed report in the form of various types of charts. This solution makes the information contained in the report easier to perceive and read.

How It Works

To access this functionality, the user must first create a "Report." For a better understanding of how to correctly create a report as a user, it is recommended to review the following articles:

After logging into the personal account and creating a report, the user needs to go to the "Reports" section and select the "Generated Reports" category. This category is automatically selected when you click on the "Reports" section.

Example of the "Reports" section and "Generated Reports" category in the user's personal account

Once the new "Reports" section page is opened, the user needs to select one of the successfully generated reports.
Report types:

  1. A successfully generated report is marked with a green circle icon.
  2. A report that was not generated has a red circle icon.
    Example of different types of reports in the personal account

After selecting a successfully generated report with a mouse click, the user needs to move to the right toolbar that appears and select the "Show" option.

Example of the right toolbar with settings for the completed report

Clicking on the "Show" option will open a new page with charts related to the report.

Example of the report details page with charts

Information Displayed on the Page

When the page with charts is opened, the user can access the following information:

  1. The name of the device for which the report was generated.
  2. The type of chart used for the report (can be: line, bar, ring).
  3. The parameter by which the chart is displayed.
    Example of how the report details page is divided

Interacting with Charts

The user has access to three types of charts for interacting with the report:

  • Line Chart - Displays report data in the form of a line graph.
    Example of a line chart for reports
  • Bar Chart - Displays report data in the form of a bar graph.
    Example of a bar chart for reports
  • Ring Chart - Displays report data in the form of a circular chart with multiple levels.
Example of a ring chart for reports

Filtering Indicators

When using any of the charts, a color "legend" of the displayed indicators will be used.

Example of a color legend for charts

If you click on one of the indicators with the mouse, it will appear crossed out and will be removed from the chart being viewed.

Example of a removed "legend" item on the chart

Video Guide

Displaying Reports with Charts

Additional Information

If this article does not help you use the functionality as intended, or if you have any questions after reading it, you can ask them in the "Discussion" section at the top of the page.

Example of the "Discussion" tab on the wiki page