Перейти к содержанию

Каскадная диаграмма

Каскадная диаграмма — это тип диаграммы, который используется для визуализации последовательных изменений данных. Он показывает, из каких промежуточных агрегатов складывается итоговое значение, отображая изменения этих агрегатов в положительную или отрицательную сторону. Для построения диаграммы используется только один агрегат, например, сумма, среднее значение или количество. Построение виджета основывается на сводной таблице.

img

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

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

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

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

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

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

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

Построение каскадных столбцов зависит от расположения итогового столбца:

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

img

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

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

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

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

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

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

img

Возможности

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

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

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

  • сортировка данных по дельте;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Подписи;

  • Итого;

  • Сортировка;

  • Оси;

  • Переменные;

  • Название;

  • Вид;

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

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

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

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

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

img

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

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

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

Подписи

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

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

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

img

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

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

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

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

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

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

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

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

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

    • сверху - значение по умолчанию;
    • снизу;
    • справа;
    • слева;
    • внутри;
    • внутри слева;
    • внутри справа;
    • внутри сверху;
    • внутри снизу;
    • внутри слева-сверху;
    • внутри слева-снизу;
    • внутри справа-сверху;
    • внутри справа-снизу;
  • img Угол наклона - выпадающий список с вариантами углов:

    • -90;
    • -75;
    • -60;
    • -45;
    • -30;
    • 0 - значение по умолчанию;
    • 30;
    • 45;
    • 60;
    • 70;
    • 90;
  • img Расстояние - ползунок для установки расстояния. По умолчанию значение 10;

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

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

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

Итого

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

img

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

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

Отображение активно при построении виджета на неполной структуре сводный таблицы - без групп-столбцов.

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

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

Сортировка

Блок Сортировка активен только при построении виджета на полной структуре сводной таблицы.

Сортировка из настроек поля групп-столбцов влияет на порядок промежуточных агрегатов и формирование дельт.

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

img

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

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

img

  • По возрастанию - применяется сортировка по дельтам от меньшего к большему в рамках одного каскада;

img

  • По убыванию - применяется сортировка по дельтам от большего к меньшему в рамках одного каскада;

img

Оси

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

img

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

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

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

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

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

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

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

img

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

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

img

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

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

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

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

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

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

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

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

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

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

    • 0 - значение по умолчанию;
    • 30;
    • 45;
    • 60;
    • 70;
    • 90;
  • img Сокращение подписей - при нажатии включает/выключает сокращения подписей. По умолчанию настройка выключена;

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

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

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

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

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

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

Ось значений

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

img

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

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

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

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

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

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

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

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

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

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

    • 0 - значение по умолчанию;
    • 30;
    • 45;
    • 60;
    • 70;
    • 90;
  • img Шкала - при нажатии выпадает список типов шкал:

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

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

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

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

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

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

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

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

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

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

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

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

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

Переменные

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

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

img

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

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

    • сверху - значене по умолчанию;
    • слева;
    • снизу;
    • справа;
  • img Выравнивание - кнопки:

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

Название

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

img

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

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

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

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

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

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

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

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

Вид

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

img

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

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

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

Показатели

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

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

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

img

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

img

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

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

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

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

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

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

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

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

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

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

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