Общие сведения

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

Настройки данных

Компонент предоставляет настройки данных:

  • «Категория»;
  • «Показатель»;
  • «Цветовая идентификация»;
  • «Сортировка»;
  • «Детализация»;
  • «Количество записей на странице»;
  • «Фильтры».

Поле «Категория»

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

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


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

Поле «Показатель»

Из значений вынесенной в поле колонки датасета формируется показатель, характеризующий измеряемые объекты. Сегмент воронки тем шире, чем больше его показатель. На диаграмме можно задать только один показатель.

Для расчета значения показателя используется установленная для вынесенной колонки функция агрегации, условное обозначение которой (по умолчанию SUM) отображается в правом крае колонки. Подробнее о работе с функциями агрегации см. раздел Создание виджета.

Обратите внимание!

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

—

В поле «Показатель» вынесена колонка «Население» (с сортировкой по ней же). Таким образом, график отображает федеральные округа от самых густонаселенных до самых малонаселенных

Блок «Цветовая идентификация»

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

Поле «Колонка»

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

Поле «Код цвета»

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

В блок вынесены колонки «Населенный пункт» и «Код цвета». Сегменты диаграммы окрасились в цвета, соответствующие населенным пунктам в датасете

Поле «Сортировка»

По вынесенным колонкам сортируются строки датасета перед отображением на диаграмме. Порядок отображения отсортированных значений начинается сверху диаграммы. Для переключения направления сортировки (по возрастанию/по убыванию) используется кнопка . Для колонки сортировки также доступны функции агрегации.

Обратите внимание

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

Поля «Детализация»

Вынесенные в поле колонки датасета используются в детализации Drill-down. Первым слоем детализации автоматически становится колонка, вынесенная в поле «Категория». Нижележащие слои детализации формируются вынесенными колонками в поле «Детализация», в порядке их расположения сверху вниз, как если бы их выносили в поле «Категория».

—

Детализация Drill-down со слоя «Федеральный округ» будет выполняться на слой «Субъект», от него на слой «Муниципальное образование» и т. д. На изображении - последний слой детализации "Населенный пункт"

Поле «Количество записей на странице»

Значение поля – число N – ограничивает количество отображаемых объектов измерения до первых N значений с учетом сортировки. Когда значение поля «0» или не указано, ограничения нет.—

В результате ограничения количества записей до 6 на диаграмме отображаются 6 объектов измерения (с учетом сортировки по колонке "Население")

Фильтры

Для работы с расширенным фильтром см. раздел Работа с расширенным фильтром.

Настройки визуализации

Компонент предоставляет настройки визуализации:

  • «Вариант отображения»;
  • «Условия форматирования»;
  • «Значения» – включает в себя:
    • «Значения на графиках»;
    • «Скрывать пересекающиеся значения»;
    • «Отображение значения»;
    • «Обрезать наименования»;
    • «Количество символов для обрезки»;
    • «Тип отображаемого значения»;
    • «Положение значения»;
    • «Скрывать нули на графике»;
  • «Категория» – включает в себя:
    • «Скрывать пустоты на графике»;

  • «Легенда» – включает в себя:

    • «Отображать легенду»;

    • «Сворачивать легенду»;
    • «Отображать подсказки с полными наименованиями»;

    • «Положение легенды»;

    • «Ширина текста, %»

    • «Параметры отображения текста»;

  • «Подсказка» – включает в себя:
    • «Всплывающие подсказки»;
  • «График» – включает в себя:  
    • «Максимальная ширина наибольшего сегмента, %».

Поле «Вариант отображения»

Вариант отображения определяет вид представления данных на диаграмме. Предоставляемые варианты:

  • вертикальное;
  • горизонтальное.


Варианты отображения воронки

Блок «Условия форматирования»

Позволяет задать правила цветового оформления воронки. Для добавления нового правила необходимо развернуть блок «Условия форматирования» и нажать кнопку . После нажатия открывается модальное окно с настройкой правила:

Условия форматирования


Модальное окно с настройкой правила включает в себя следующие параметры:

  • Цветовой градиент;
    Для настройки цветового градиента необходимо нажать на переключатель . После нажатия отображается поле типа «селект», где необходимо выбрать колонку с числовыми показателями. Снизу от поля отображается RGB-палитра, где можно настроить цвет фона. Для настройки интервала окраски необходимо вручную установить начальное и конечное значение. В левом нижнем углу модального окна располагается переключатель на трехцветный градиент . После нажатия отображается еще одна палитра и еще одно поле для более детальной настройки цветовой дифференциации. Цветовая дифференциация в виде градиента отображается в легенде.


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

  • Поле «Условие»;
    Поле «Условие» предназначено для установления условия. Для выбора условия необходимо нажать на кнопку, которая располагается в правой части поля. После нажатия открывается список условий. Необходимо выбрать нужное условие, которое будет применяться по выбранной колонке на предыдущем шаге. Данное поле обязательно для заполнения.

  • Поле «Значение»;
    Поле «Значение» предназначено для указания значения. Данное поле обязательно для заполнения.

  • Кнопка «Добавить колонку»;
    После нажатия на кнопку добавится блок для выбора колонки и указания условия для этой колонки. Данный блок можно добавлять неограниченное количество раз.

  • Настройка цвета фона.
    Для настройки цвета фона необходимо нажать на . После нажатия отображается RGB-палитра, где можно указать необходимый цвет фона.


Настройки условного форматирования и условие форматирования, примененное к воронке

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

Для сброса настроек необходимо нажать на кнопку . 

После сохранения настроек условного форматирования по колонке в блоке «Условия форматирования» добавляется новое правило:


Условия форматирования


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

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

Блок «Значения»

Блок служит для настройки отображения значений полей «Серия» и «Показатель» на диаграмме.

—

Развернутый блок настроек «Значения» в состоянии по умолчанию

—

Блок включает в себя следующие поля и параметры.

  • Значения на графиках – отображение значений на диаграмме.

  • Скрывать пересекающиеся значения – скрытие значения, если оно накладывается на значение ниже него.—

  • Отображение значения – состав отображаемого значения. Варианты:
    • название – отображается только значение поля «Категория»;
    • значение – отображается только значение поля «Показатель»;
    • название и значение – дополнительно к значению поля «Категория» отображается значения поля «Показатель».
  • Обрезать наименования – сокращение длины значения поля «Категория» с многоточием.
  • Количество символов для обрезки – количество символов значения поля «Серия» до сокращения.
  • Тип отображаемого значения – отображение значения поля «Показатель». Варианты:
    • абсолютные значения;
    • относительные значения.
  • Положение значения – положение значений поля «Показатель» относительно диаграммы. Варианты:
    • снаружи;
    • внутри.
  • Скрывать нули на графике – скрытие значений поля «Показатель», равных нулю.

Блок «Категория»

Блок служит для настройки отображения категории (объекта измерения). Блок включает в себя один параметр:

  • Скрывать пустоты на графике – скрытие значений поля «Показатель», равных null.

Блок «Легенда»

Блок служит для настройки отображения легенды.

Развернутый блок настроек «Легенда»

 Блок включает в себя следующие поля и параметры:

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

    • снизу;

    • слева;

    • справа.

  • Ширина текста, % - задает ширину текста в легенде в процентах от ширины легенды по умолчанию, которая составляет 115 px.

  • Параметры отображения текста - определяет отображение текста при длинных наименованиях. Варианты:
    • перенос по словам;
    • перенос по символам;
    • обрезка текста.

Блок «Подсказка»

Блок служит для настройки отображения всплывающих подсказок на диаграмме. Блок включает в себя параметр «Всплывающие подсказки» – отображение подсказки по наведению на сектор диаграммы. В подсказке отображаются соответствующие сектору значения полей «Категория», «Показатель».

Блок «График»

Блок служит для настройки размеров воронки.

Развернутый блок настроек «График» в состоянии по умолчанию

 Блок включает в себя следующие поля и параметры:

  • Расстояние между сегментами - задает расстояние между сегментами воронки;
  • Минимальная ширина наименьшего сегмента, % - задает ширину самого нижнего сегмента воронки, по умолчанию 10%;
  • Максимальная ширина наибольшего сегмента, % -  задает ширину самого верхнего сегмента воронки, по умолчанию 100%. 

  • Нет меток