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

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

Настройка компонента

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

2. Чтобы изменить цвета диаграммы (по умолчанию используется палитра отчета), перенесите на полку значений «Вычисляемое поле», выберите тип поля «Цвет» и в теле поля при помощи SQL-команды «CASE» пропишите правила соответствия значений категорий и цветов в формате #HEX.

Раздел «Общие настройки»

В разделе представлены общие настройки со следующими параметрами:

• «Заголовки» — включите переключатель и заполните ставшие доступными поля «Заголовок» и «Подзаголовок»;
• «Управление кол-вом ячеек» — переключатель определяет способ группировки. По умолчанию «ВЫКЛ»:
  • «ВЫКЛ» — отображаются настройки: «Режим группировки» и «В группу "Другое" если (< Авто)». В этом режиме в группу «Другое» помещаются показатели, значение которых меньше введённого порога. Доступные настройки:
    1. «Режим группировки» — переключатель, определяющий, в каких единицах задаётся порог:
       • «ВКЛ» — по умолчанию «Абсолютное значение». Порог задаётся в абсолютных числах, в группу «Другое» попадают показатели, значение которых меньше введённого числа;
       • «ВЫКЛ» — «Проценты». Логика расчетов для отображения данных:
         • Порог рассчитывается как: «процент × сумма всех показателей / 100».
         • В «Другое» попадают показатели, чья доля от общей суммы меньше введённого процента.
         • Максимальное значение — 100%. При вводе большего значения оно ограничивается до 100.
         • При переключении на «Проценты» значение поля сбрасывается в «Авто».
    2. «В группу "Другое" если (< Авто)» — числовое поле для ввода порога. По умолчанию «Авто»:
       • При значении «Авто» группировка объектов на диаграмме не применяется.
       • При вводе значения «Авто» заменяется на введённое число, группировка объектов на диаграмме применяется.
         • Логика отображения данных на диаграмме:
           1. Показатели со значением меньше порога объединяются в группу «Другое».
           2. Значение группы «Другое» равно сумме всех вошедших показателей.
           3. Показатели со значением равным или больше порога остаются на диаграмме.
         • Примеры на границах:
           1. Порог строго превышает максимум — все показатели объединяются в «Другое».
           2. Порог равен максимуму — элемент с максимальным значением остаётся на диаграмме, условие строго «<».
           3. Порог меньше или равен минимуму — объединения не происходит.
    3. «Заголовок группы "Другое"» — название группирующей ячейки. По умолчанию «Другое». При изменении значения на диаграмме меняется заголовок группы.
       
  • «ВКЛ» — отображается настройка «Количество ячеек». Доступные настройки:
    1. «Количество ячеек» — числовое поле для ввода значений («N»). По умолчанию «Авто»:
       • При значении «Авто» группировка не применяется;
       • При вводе значения «Авто» заменяется на введённое число, группировка объектов на диаграмме применяется.
         • Логика отображения данных на диаграмме:
           1. «N−1» — первые ячейки списка с учётом сортировки.
           2. «N» — ячейка группировки «Другое», значение которой равно сумме всех вошедших показателей.
         • Примеры на границах:
           1. «N = 1» — все показатели объединяются в ячейку «Другое».
           2. «N» — равно или строго превышает количество показателей — объединения не происходит.
    2. «Заголовок группы "Другое"» — название группирующей ячейки. По умолчанию «Другое». При изменении значения на диаграмме меняется заголовок группы.
       
• «Цвет фона» — выберите цвет фона компонента;
• «Отступы контейнера» — установите значения отступов слева, сверху, справа и снизу контейнера;
• «Точность чисел» —  установите длину числового значения (точность) после запятой. Варьируется от 0 до 5 знаков;
• «Суффиксы чисел» — установите из выпадающего списка значения необходимых суффиксов.

Раздел «Данные»

Заполните необходимые параметры:

• «Лимит при запросе (строки)» — максимальное количество строк, которое будет получено из источника данных при формировании таблицы. Ограничение помогает снизить нагрузку на сервер и ускорить загрузку;
• «Лимит при показе (строки)» — максимальное количество строк, которое будет отображено пользователю в таблице на экране, даже если в источнике данных их больше;
• «Лимит при показе (серии)» — максимальное количество серий, которое будет отображено пользователю в таблице на экране, даже если в источнике данных их больше;
• «Лимит при экспорте (строки)» — максимальное количество строк, которое будет выгружено при экспорте таблицы в файл Excel. Чтобы увеличить объём выгрузки, укажите большее значение;
• «Дополнять пустые Категории и Серии» — включение переключателя позволяет дополнять недостающие данные, если значения есть не для всех серий или категорий, по умолчанию «ВЫКЛ»;
• «Анимация обновления» — переключатель, включающий или отключающий визуальные эффекты при обновлении данных в таблице;
• «Интервальное обновление» — переключатель автоматического обновления данных в таблице. При включении необходимо указать интервал обновления в секундах.

Раздел «Подписи данных»

Для изменения размера шрифта подписей и значений, а также интервала между ними, откройте настройки «Подписи данных» и внесите изменения в соответствующие числовые параметры:

• «Размер шрифта подписей» — установите размер шрифта подписи в px;
• «Размер шрифта значений» — установите размер шрифта значения в px;
• «Интервал над значением» — установите значение интервала между подписью и значением.

Если в полке «Серии» располагается пилюля (поле), то отображается дополнительное поле «Размер шрифта групп», настройка которой позволяет регулировать размер шрифта значения поля с полки «Серии».

Раздел «Всплывающая подсказка»

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

Раздел «Режим фильтра»

Включение раздела «Режим фильтра» позволяет использовать «TreeMap» как интерактивный фильтр для всего отчета. При нажатии на прямоугольник данные в отчете будут автоматически отфильтрованы по значению, соответствующему этому прямоугольнику. Фильтрация выполняется по полю, размещенному на полке «Категории». По умолчанию «Режим фильтра» выключен.

Пример использования режима фильтра в «TreeMap» приведен на рисунке, при нажатии на прямоугольник «ЮАО» срабатывает фильтр в круговой диаграмме. При этом само «TreeMap» остается без изменений (все прямоугольники видны) и выбранный прямоугольник визуально не выделяется.

Логика работы режима фильтра

1. Зависимость от полей полки «Категории». Если на полке «Категории» нет ни одного поля, режим фильтра автоматически отключается и становится недоступным для включения. Как только поле появляется на полке, настройка «Режима фильтра» снова становится доступна и возвращается к ранее установленному состоянию.
2. Несовместимость с дриллом. Если в визуальном компоненте «TreeMap» настроен хотя бы один уровень дрилла (детализации), раздел «Режим фильтра» становится недоступен. При отключении всех уровней дрилла режим фильтра снова становится доступен и возвращается к ранее установленному состоянию. Подробнее о работе дрилла см. раздел «Раздел «Дрилл».

Раздел «Дрилл»

Для настройки Drill-down укажите поля из полки «Категории» для каждого из уровней — эти поля также должны быть указаны на полке «Фильтры» для корректной работы Drill-down.

Drill-down позволяет детализировать данные, представленные в визуализации «TreeMap», переходя на более глубокие уровни аналитики в рамках одного показателя.

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

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

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

Если на полке «Серии» не указаны значения, «TreeMap» будет отображаться аналогично круговой диаграмме — данные визуализируются как части одного целого, где каждая категория представлена в виде сегмента. Размер каждого сегмента пропорционален его значению, что позволяет быстро оценить, как различные элементы соотносятся друг с другом.

Настройка «Клика»

Подробнее о работе в разделе, см. «Подзаголовок отчета».

Настройка «Инфо»

Группа настроек включающий/отключающий отображение информационного блока. При включении отображается кнопка «Редактировать описание», при нажатии на которую открывается диалоговое окно с возможностью ввода произвольного текста.

Работает аналогично другим визуальным компонентам Modus Bi «Таблица», «Гистограмма (столбчатая и линейная диаграмма)» и т.д., по умолчанию «ВЫКЛ».

Настройка «Рамка компонента»

• «Цвет рамки» — выбор цвета рамки компонента из палитры. При выборе одинакового цвета рамки для соседних компонентов, они будут выглядеть как единый блок;
• «Ширина рамки (4px)» — выбор ширины рамки компонента. По умолчанию установлено 4px. При увеличении ширины рамки возможно создание эффекта перекрытия соседних визуальных компонентов.

Настройки рамки работают аналогично другим визуальным компонентам Modus Bi «Таблица», «Гистограмма (столбчатая и линейная диаграмма)» и т.д., по умолчанию «ВЫКЛ».