Перейти к основному содержимому

Диаграмма “Мекко”

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

Вариант отображения:

Диаграмма Мекко

Блоки конструктора

Логика работы конструктора для данного дэша представлена в расширенном руководстве пользователя.

JSON-конфигурация

Ключи title (глава 1.2.1), description (глава 1.2.2), frame (глава 1.2.3) работают аналогично описанию в руководстве по конфигурации дэшлетов.

Далее представлена таблица ключей, поддерживаемых дэшем “Диаграмма Мекко”.

dataSource

Опции koob, dimensions, measures, limit, sortBy, xAxis, yAxis и filters из секции dataSource подробно описаны в руководстве по конфигурации дэшлетов (глава 1.2.4).

Название ключаВозможные значенияОписание
titleСтрока, LPE-выражениеУказание заголовка для показателя, отображаемого в легенде и всплывающей подсказке (если редактируется показатель, лежащий на оси Y) либо изменение подписи показателя на оси (если редактируется показатель, лежащий на оси Х).
colorСтрокаУказание цвета для показателя. Работает только для показателей, лежащих на оси Y. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.).
formatСтрокаОтображение значения в тултипе и в подписях на графике в соответствии с указанным форматом. Указывается для фактов либо для размерностей, лежащих на оси Y. Все варианты форматов описаны в руководстве по конфигурации дэшлетов.
formatPercentСтрокаОтображение значения в тултипе и в подписях на графике в соответствии с указанным форматом. Указывается для фактов либо для размерностей, лежащих на оси Y. Все варианты форматов описаны в руководстве по конфигурации дэшлетов.

Правила указания данных стилей представлены в руководстве по конфигурации дэшлетов.

Для данного дэша также можно указывать опцию DisableLegend внутри блока styles для показателей, лежащих на оси “Цвета”. При включении опции по умолчанию данный показатель будет отображаться после нажатия на легенду.

Пример указания:

"dataSource":{
"koob":"ch.max_example",
"style":{
"measures":{
"sum_v_main":{
"options":[
"DisableLegend",
],
},
},
},
}

display

Название ключаВозможные значенияОписание
limitЧислоОбрезает ось-X на заданное значение.
tooltipСтрока либо JSON-конфигурация дэшаОтображение кастомного тултипа (с дэшем внутри, отображение LaTex-формулы, HTML). Подробнее в руководстве по конфигурации дэшлетов (1.2.6.2).
bgColorСтрокаУказание цвета фона дэша. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.).
headerStyleОбъектИспользуется для указания стилей заголовка дэша.
rotateXLabelЧислоУгол поворота заголовка на оси Х.
rotateYLabelЧислоУгол поворота заголовка на оси Y.

options

Описывает различные дополнительные настройки при отображении деша.

Пример указания:

"options": ["DisplayAllBadges"].
Название ключаОписание
FixedПри включенной опции дэш закреплен на экране при скроллировании.
DisplayAllBadgesПоказать все подписи на графиках без учета пересечений значений
DisplayBadgesValueОтобразить абсолютные значения на графиках
DisplayBadgesPercentОтобразить относительные значения на графиках
!TopBarMenuСкрыть меню дэша.
!TopBarСкрыть заголовок дэша.
!DisplayLegendСкрыть легенду на графике.
!DisplayAxisYMarksСкрыть ось Y у дэша.
!DisplayAxisXMarksСкрыть ось Х у дэша.
TooltipXAxisTitleОтображение полного наименования показателя размерности во всплывающей подсказке (тултипе)
!ExpandedСокрытие возможности разворачивания дэша на весь экран.
HiddenСокрытие дэша.
TransparentФон дэша соответствует фону подложки дэшборда.

onClickDataPoint

Поле onClickDataPoint описывает поведение клиентской части Luxms BI при нажатии на один из указанных показателей в LPE-выражении, используемом для описания поведения.

Ниже в таблице приведены доступные функции для данного дэша. Описание работы с ними представлено в одноименном разделе руководства по конфигурации дэшлетов (глава 1.2.12).

Название функцииОписание
setKoobFiltersФильтрация дэшей по значению размерности при нажатии на данное значение размерности.
navigateПереключение на указанный в выражении дэшборд/атлас.
openModalПри нажатии на точку (сегмент) дэша откроется модальное окно с дэшем, id которого указано в конфигурационном файле.
navigateUrlИспользуется для перехода на внешний источник с подстановкой значения.
menuItemиспользуется для совместного использования hierarchy и функций onClickDataPoint.