Tree Map
Обзор
Tree Map - это тип визуализации, который отображает данные в виде набора прямоугольников, площадь
которых пропорциональна числовому значению соответствующей категории.
Настройки визуализации Tree Map
Главная
На вкладке Главная содержатся опции, позволяющие задать основные параметры вида визуализации.
| Параметр | Описание | JSON-поле |
|---|---|---|
| Алгоритм | Селектор, позволяющий настроить компоновку элементов | general.layoutAlgorithm |
| Отступ между элементами, px | Числовое поле, позволяющее задать отступы между элементами | general.nodePaddingInner |
| Отступ от панели, px | Числовое поле, позволяющее задать отступ от края контейнера визуализации | general.nodePaddingOuter |
| Скругление, px | Числовое поле, позволяющее задать скругление углов для элементов | general.cornerRadius |
| Тип сортировки | Селектор, позволяющий выбрать алгоритм сортировки для элементов | general.sortingType |
Интерфейс настроек в системе Smart Monitor выглядит следующим образом:
Цветовая схема
На вкладке Цветовая схема расположены настройки цветовой схемы графика. Для каждой серии можно задать свой
цвет. Для этого необходимо нажать кнопку Добавить значение, затем указать параметры.
| Параметр | Описание | JSON-поле |
|---|---|---|
| Серия | Серия данных, для которой нужно присвоить цвет | color.rulesArray.field |
| Цвет | Селектор цвета | color.rulesArray.color |
Интерфейс настроек в системе Smart Monitor выглядит следующим образом:
Также, с помощью переключателя Цветовая схема можно задать автоматическую цветовую схему, которая будет окрашивать
серии графика, в зависимости от их числового значения. Режим поддерживает следующие параметры:
| Параметр | Описание | JSON-поле |
|---|---|---|
| Цвет минимума | Цвет для серий с минимальным значением | minColor |
| Цвет максимума | Цвет для серий с максимальным значением | maxColor |
Интерфейс настроек в системе Smart Monitor выглядит следующим образом:
Создание визуализации Tree Map
Создание визуализации Tree Map возможно при применении статистических команд, таких как: stats, aggs и другие. В таком случае будет возвращаться таблица с соответствующими статистиками.
Например, запрос:
source win_events
| aggs count by event.code
Вернет следующий результат:
После этого, перейдя во вкладку Визуализация, можно выбрать тип визуализации Tree map и добавить на необходимый дашборд, нажав кнопку Добавить на дашборд.
