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

Столбчатая диаграмма (вертикальная)

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

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

В части функциональности данный вид практически аналогичен виду Столбчатая диаграмма (горизонтальная) и представляет его разворот на 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;

Показатели

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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