Главная > Документация пользователя > Полезные материалы > Виды визуализации

Линейный график с накоплением

Виджет Линейный график следует применять там, где график отражает процесс или явление, при котором кроме явно измеренных возможны и промежуточные значения (значения между измеренными точками). В таком случае интерполяция значений имеет смысл, например, когда по горизонтальной оси указаны даты, месяцы, года, а по вертикальной - полученные в эти моменты значения измерений некой физической величины. График не следует применять там, где интерполяция значений смысла не имеет (то есть промежуточных точек нет), например когда по горизонтальной оси расположены подразделения оргструктуры, классификационные группы, и т.п. Данные отображаются в виде линий графика. Линейный график с накоплением - представляет данные нескольких показателей, наложенных друг на друга. Каждое новое значение данных прибавляется к уже существующим значениям, образуя «новый слой». Если в виджете задан только один показатель, линейный график с накоплением будет аналогична обычному линейному графику.

Тип виджета Линейный график с накоплением устанавливается при нажатии на кнопку  на вкладке Вид области основных настроек виджета. Чтобы сформировать виджет, выберите необходимые поля из вкладки Данные и установите тип агрегации данных.

В части функциональности данный вид практически аналогичен виду Столбчатая диаграмма c накоплением (вертикальная). Отличия - в ином виде отображения и в интерполяции данных, дающей сглаживание графика (устранение эффекта ломанной линии) между точками значений.

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

• поле модели, включенное в область группировок виджета, используется для формирования горизонтальной оси;

Количество выводимых группировок в виджете - 10000. 

• поля (одно или несколько) модели, включенные в область столбцов виджета, используются для формирования вертикальной оси, при этом для каждого такого поля должен быть определен тип агрегации промежуточных значений данных;

• данные каждого из полей, включенных в в область столбцов виджета с агрегацией, отображаются как линии отдельного цвета наложенные друг на друга, в основе которых точки сгруппированные по значениям горизонтальной оси;

• значения для всех включенных в виджет полей по вертикальной оси (значения точек линий) выстраиваются в едином масштабе.

Настройка данных для виджета этого типа должна включать:

1. Добавление поля модели, на основе уникальных значений которого будет строится горизонтальная ось.
2. Добавление данных для показателей - полей модели, на основе которых будут указаны точки для построения линий.
3. Определение у полей данных для показателей - условий агрегации промежуточных значений.

Возможности

Для данного типа виджета интерфейс предоставляет следующие стандартные возможности:

• фильтрация данных исходных строк и агрегированных данных по одному или нескольким полям модели (включая не используемые в составе виджета); 

• сортировка агрегированных данных, группировок (а на ее основе линий полученной диаграммы) по одному или нескольким используемым полям модели;

• выбор цвета для показателя на вкладке форматирование;

• настройка показателей и внешнего вида на вкладке вид;

• фильтрация значений по горизонтальной оси виджета;

• фильтрация значений исходных строк и агрегатов для полей, используемых в построении линий показателей (значений точек);

• сортировка (по возрастанию или убыванию) на основании значений горизонтальной оси;

• сортировка (по возрастанию или убыванию) на основании значений показателей;

• отображение детальной информации о ближайшей точке (точных значений оси, названий, значений показателей и их вид агрегации) при наведении курсора мыши в область графика на выбранную линию;

• изменение масштаба горизонтальной оси с помощью прокрутки колеса мыши увеличивая/уменьшая масштаб или разводя в стороны пальцы на планшете (жест pinch). После первичного увеличения масштаба на виджете появляется дополнительная возможность масштабирования - элемент скроллинга;

• если на диаграмме отображаются несколько показателей - включение\отключение демонстрации отдельных показателей с автоматическим масштабированием по вертикальной оси остальных. При наличии большого количества показателей не вмещающихся в одну строку появляется кнопка - стрелочка по нажатии на которую можно раскрыть остальные показатели;

На диаграмме отображаются только поля с числовой агрегацией. Если для поля задана не числовая агрегация (текст, дата и т. д), то данное поле не будет отображаться на диаграмме.

• при настройке множества группировок при проваливании отображается значение выбранной группы, в хлебных крошках при проваливании группа выделяется жирным шрифтом. При наличии большого количество значений группировок не вмещающихся в одну строку, значения располагаются в одну строку с возможностью перемещения по ним с помощью кнопок-стрелок. Значения группировок автоматически перемещаются так, чтобы значение текущего уровня группировки отображалось на экране.

Внешний вид виджета

При переходе на вкладку Вид для виджета типа Линейная диаграмма с накоплением отображаются следующие настройки:

• Информация о виджете;

• Подписи;

• Группировка значений;

• Оси;

• Название;

• Вид;

• Показатели.

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

На вкладке Внешний вид отображаются настройки внешнего вида диаграммы.

Информация о виджете

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

Перечень всех настроек блока Информация о виджете:

• Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка выключена;

• текст - поле ввода текстовой информации. По умолчанию значение отсутствует;

Подписи

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

По кнопке Добавить настройку добавляются дополнительные настройки.

По кнопке Удалить настройку удаляются дополнительные настройки.

Перечень всех настроек блока Подписи:

• заголовок - при двойном клике доступно поле для изменения названия;

• Значения - при нажатии включает/выключает отображение значений. По умолчанию выключена;

• Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;

• Начертание - кнопки:

  • жирный;
  • курсив;

• Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 18;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

• Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

• Расположение - выпадающий список с вариантами возможного расположения:

  • сверху - значение по умолчанию;
  • снизу;
  • справа;
  • слева;

• Угол наклона - выпадающий список с вариантами углов:

  • -90;
  • -75;
  • -60;
  • -45;
  • -30;
  • 0 - значение по умолчанию;
  • 30;
  • 45;
  • 60;
  • 70;
  • 90;

• Расстояние - ползунок для установки расстояния. По умолчанию значение 24;

• Показатели - при нажатии открывается список настроенных показателей с возможностью множественного выбора. Если показатель выбран в списке - он будет отображаться в превью виджета, если не выбран - будет скрыт из превью. По умолчанию выбраны все нескрытые показатели;

Новые добавленные нескрытые показатели по умолчанию будут отображаться выбранными.

Группировка значений

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

• Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка включена;

• Видимых элементов - поле ввода количества видимых элементов. По умолчанию значение 3;

• Заголовок - поле ввода наименования заголовка итоговой строки. По умолчанию значение Прочее;

Оси

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

Перечень всех настроек блока Оси:

• заголовок - при двойном клике доступно поле для изменения названия;

• Скрыть ось - позволяет скрыть ось на виджете. Значок скрытой оси отображается постоянно;

• Показать ось - позволяет отобразить ось на виджете. Значок скрытой оси отображается постоянно;

Если на оси не настроен ни один показатель, ось не отобразится в виджете несмотря на настройку.

• Настройка оси - переход в окно настроек оси;

При наведении на ось, на которой находится показатель - подсвечивается бирюзовым цветом, остальные становятся более прозрачными.

Ось категорий

Позволяет настроить горизонтальную ось.

Перечень всех настроек блока Ось категорий:

• заголовок - при двойном клике доступно поле для изменения названия;

• Позиция - кнопки:

  • вертикально;
  • горизонтально - значение по умолчанию;

• Расположение - выпадающий список с вариантами возможного расположения:

  • сверху;
  • снизу - значение по умолчанию;

• Название оси - при нажатии включает/выключает отображение наименования оси на виджете. По умолчанию выключена;

• Подписи - при нажатии включает/выключает отображение подписей на оси. По умолчанию включена;

• Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 12;

• Начертание - кнопки:

  • жирный;
  • курсив;

• Цвет подписей - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #8F98A5;

• Угол наклона подписей - при нажатии выпадает список с углами наклона подписей:

  • 0 - значение по умолчанию;
  • 30;
  • 45;
  • 60;
  • 70;
  • 90;

• Сокращение подписей - при нажатии включает/выключает сокращения подписей. По умолчанию настройка выключена;

Сокращенная подпись имеет длину 30 символов.

• Сетка - при нажатии включает/выключает отображение сетки;

Тип, Толщина, Цвет активно при включенной настройке Сетка.

• Тип - кнопки:

  • сплошная линия;
  • пунктирная линия - значение по умолчанию;

• Толщина - кнопки:

  • тонкая - значение по умолчанию;
  • средняя;
  • жирная;

• Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #E5E7EB;

Ось значений

Позволяет настроить вертикальную ось.

Перечень всех настроек блока Ось значений:

• заголовок - при двойном клике доступно поле для изменения названия;

• Позиция - кнопки:

  • вертикально - значение по умолчанию;
  • горизонтально;

• Расположение - выпадающий список с вариантами возможного расположения:

  • справа;
  • слева - значение по умолчанию;

• Название оси - при нажатии включает/выключает отображение наименования оси на виджете. По умолчанию выключена;

• Подписи - при нажатии включает/выключает отображение подписей на оси. По умолчанию включена;

• Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 12;

• Начертание - кнопки:

  • жирный - значение по умолчанию;
  • курсив;

• Цвет подписей - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #8F98A5;

• Угол наклона подписей - при нажатии выпадает список с углами наклона подписей:

  • 0 - значение по умолчанию;
  • 30;
  • 45;
  • 60;
  • 70;
  • 90;

• Шкала - при нажатии выпадает список типов шкал:

  • равномерная - значения равноудалены друг от друга. Значение по умолчанию;
  • логарифмическая - используется для отображения широкого диапазона величин. Значения, которые попадают на график, отличаются на много порядков. Основание логарифма 10;
  • процентная - возле значения оси добавляется значок % для отображения процентных значений, расположение значений аналогично равномерной;

• Основание - поле для изменения основания логарифмической шкалы;

Основание активно при значении логарифмическая в настройке Шкала.

• Значение оси - переключатель:

  • авто - автоматическое определение значений оси. Значение по умолчанию;
  • вручную - ручное определение значений оси с возможностью задать минимальное и максимальное значение;

• Мин. - Макс. - поле для минимального и максимального значения оси при ручном управлении;

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

• Обратное направление оси - при нажатии включает/выключает обратное направление оси;

• Сетка - при нажатии включает/выключает отображение сетки;

Тип, Толщина, Цвет активно при включенной настройке Сетка.

• Тип - кнопки:

  • сплошная линия;
  • пунктирная линия - значение по умолчанию;

• Толщина - кнопки:

  • тонкая - значение по умолчанию;
  • средняя;
  • жирная;

• Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #E5E7EB;

Название

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

Перечень всех настроек блока Название:

• Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка включена;

• Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

• Начертание - кнопки: 

  • жирный - значение по умолчанию;
  • курсив;
  • подчеркнутый;

• Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 18;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

• Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

• Цвет фона - при нажатии открывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Вид

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

Перечень всех настроек блока Вид:

• Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;

• Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

Показатели

На вкладке Показатели отображается список показателей с возможностью их настройки.

По умолчанию блок настроек свернут. Нажмите на кнопку , отобразятся настройки блока.

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

Возле каждого показателя есть кнопка перехода в настройку форматирования. 

Перечень всех настроек блока Показатели:

• Линии диаграммы - настройки визуализации линии:

  • Тип - кнопки:

    • сплошная линия - значение по умолчанию;
    • пунктирная линия;

  • Толщина - ползунок для установки толщины. По умолчанию значение 2;

  • Скругление - ползунок для установки скругления границы. По умолчанию значение 0;

• Маркер - настройки маркера на линии:

  • Тип - при нажатии выпадает список типов маркеров:

    • круг - значение по умолчанию;
    • квадрат;
    • треугольник;
    • ромб;
    • звезда;

  • Размер - ползунок для установки размера. По умолчанию значение 2;

  • Граница:

    • Тип - кнопки:

      • сплошная линия - значение по умолчанию;
      • пунктирная линия;

    • Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение не выбран;

    По умолчанию цвет границы определяется форматированием. Если форматирование не задано, то берется цвет по умолчанию.

    • Толщина - ползунок для установки толщины. По умолчанию значение 1;

  • Заливка:

    • Тип - кнопки:
      • сплошная - значение по умолчанию;
      • градиентная;
      • текстурная;

    Для градиентная и текстурная, если настроено форматирование с использованием нескольких цветов, применяется только первый цвет.

    • Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение не выбран;

    По умолчанию цвет границы определяется форматированием. Если форматирование не задано, то берется цвет по умолчанию.

    • Прозрачность - ползунок для установки насыщенности примененного цвета заливки. По умолчанию значение 0;

• Заливка - настройка заливки под линией:

  • Тип - кнопки:
    • сплошная - значение по умолчанию;
    • градиентная;
    • текстурная;

  Для градиентная и текстурная, если настроено форматирование с использованием нескольких цветов, применяется только первый цвет.

  • Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение не выбран;

  По умолчанию цвет границы определяется форматированием. Если форматирование не задано, то берется цвет по умолчанию.

  • Прозрачность - ползунок для установки насыщенности примененного цвета заливки. По умолчанию значение 0;