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

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

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

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

  • «Ось X»;
  • «Ось Y»;
  • «Сортировать по»;
  • «Показатель»;
  • «Количество записей на странице»;
  • «Фильтры».


Подсказка

Поля «Ось X», «Ось Y» и «Показатель» являются обязательными. Виджет будет построен только после заполнения этих полей.

Поля «Ось X» и «Ось Y»

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

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

В поле «Ось Х» вынесена колонка «Крупнейший тип продукции», а в поле «Ось Y» - колонка «Лидеры сельхозпроизводства», по значениям которых сформированы объекты измерения

Поля «Сортировать по»

Отображаются для полей «Ось X» и «Ось Y». Значения вынесенных  в поля колонок определяют расположение объектов по соответствующей оси. Для добавления колонки в поле следует «перетащить» необходимую колонку в поле.

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

—

В поле «Сортировать по» для оси Х вынесена колонка «Урожайность, ц», а для оси Y - «Площадь посевов, га». Области по оси Y расположены по возрастанию площади посевов, а типы продукции - по возрастанию урожайности. Используется агрегация Sum - суммарные значения

Важное примечание для разработчиков кастомных виджетов

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

  • В блоке общей конфигурации виджета: параметр alternatve_sort = true;
  • В блоке каждого поля DataSettings, для которого требуется поле «Сортировать по»: параметр sorted = true.

Только после этого в пользовательском виджете появятся поля «Сортировать по».

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

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

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

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

—

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

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

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

—

Количество записей по умолчанию - 1000

Фильтры

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


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

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

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

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

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

    • «Положение»;

    • «Минимальное значение»;

    • «Цвет минимального значения»;

    • «Максимальное значение»;

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

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

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

—

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

—

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

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

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

    —

    —

    На верхнем рисунке параметр «Скрывать пересекающиеся значения» отключен, на нижнем рисунке включен

    —

Блок «Ось X»

Блок служит для настройки отображения соответствующей оси, ее подписей и значений.—

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


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

  • Отображать название – отображение для оси подписи с названием вынесенной в поле «Ось X» колонки.
  • Положение названия – расположение подписи оси относительно оси. Варианты:
    • слева;
    • по центру;
    • справа.
  • Отображать подписи – отображение значений поля «Ось Х» на оси.
  • Скрывать подписи, которые не помещаются – скрытие подписи значения поля «Ось Х», если она накладывается на соседние с ней подписи.
  • Угол наклона подписей – наклон значения поля «Ось Х» относительно оси. Варианты:
    • - 90 градусов.
    • - 60 градусов;
    • - 30 градусов;
    • 0 градусов;
    • 30 градусов;
    • 60 градусов;
    • 90 градусов.
  • Обрезать подписи – сокращение длины значения поля «Ось Х» с многоточием.
  • Длина подписей – количество символов значения поля «Ось Х» до сокращения.

Блок «Ось Y»

Блок служит для настройки отображения соответствующей оси, ее подписей и значений.


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

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

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

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

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

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

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

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

    • снизу;

    • слева;

    • справа.

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

  • Цвет минимального значения – цвет, с которого начинается градиент окраски, может быть выбран вручную в RGB-палитре, иначе определяется автоматически.

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

  • Цвет максимального значения – цвет, которым заканчивается градиент окраски, может быть выбран вручную в RGB-палитре, иначе определяется автоматически.
  • Разрядность  – количество отображаемых десятичных разрядов значений на полосе навигатора, от 0 до 6, последний разряд округляется.

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

Блок служит для настройки отображения подсказок на диаграмме.—

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

—

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

  • Всплывающие подсказки – отображение подсказки по наведению на окрашенный прямоугольник. В подсказке отображаются значения полей «Ось X», «Ось Y», «Показатель» , а также присвоенный прямоугольнику цвет.
    —

    Всплывающая подсказка

  • Нет меток