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

Комбинированная диаграмма с накоплением (верт.)

Комбинированная диаграмма - служит для одновременного сравнения и анализа разных показателей, часто имеющих разные единицы измерения или масштабы. Позволяет на одном графике показать два (или больше) разных показателя, чтобы увидеть, как они связаны между собой. Удобна, когда нужно сравнить плановые и фактические показатели. Комбинированная диаграмма объединяет в себе несколько видов визуализации в одной диаграмме: столбчатая, линейная, точечная.

Комбинированная диаграмма с накоплением (верт.) отображает показатели наложенные друг на друга - один тип (применяется только к типу линия, столбец),  находятся на одной оси и отдельные показатели - находятся на отдельных осях.

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

В части функциональности данный вид практически аналогичен виду Комбинированная диаграмма с накоплением (гор.) и представляет его разворот на 90 градусов, при котором оси абсцисс и ординат поменялись местами.

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

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

Количество выводимых группировок в виджете - 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;

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

Столбчатая

• Граница - настройка визуализации столбцов:

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

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

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

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

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

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

• Заливка - настройка заливки столбцов:

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

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

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

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

Точечная

• Точки диаграммы - настройки точек на диаграмме:

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

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

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

• Граница - настройка визуализации столбцов:

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

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

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

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

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

• Заливка - настройка заливки столбцов:

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

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

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

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