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

Гистограмма

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

Дэш “Гистограмма” работает корректно только с фактами без агрегации.

Гистограмма

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

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

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

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

Поле view_class для горизонтального отображения имеет значение bar, для вертикального отображения histogram.

dataSource

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

display

Название ключаВозможные значенияОписание
bgColorСтрокаУказание цвета фона шапки дэша. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.)
topBarОбъектОбъект для стилизации шапки дэша. Ниже представлен список доступных ключей.
commonОбъектОбъект для указания общих стилей дэша. Ниже представлен список доступных ключей.

Блок topBar

Блок topBar имеет следующие ключи для настройки:

Название ключа (объекта)Нзавание дочернего ключаВозможные значенияОписание
visible-BOOLEANЕсли false, то шапка дэша не отображается
bgColor-СтрокаУказание цвета фона шапки дэша. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.)
headerStyle-ОбъектОбъект для указания стилей заголовка дэша
headerStylefontFamilyСтрокаШрифт для заголовка дэша
headerStylefontWeightСтрокаТолщина для заголовка дэша. Возможные значения: **bold
headerStylecolorСтрокаЦвет заголовка дэша. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.)
descriptionStyle-ОбъектУказание стилей для описания дэша
descriptionStylefontFamilyСтрокаШрифт для описания дэша
descriptionStylefontWeightСтрокаТолщина для заголовка дэша. Возможные значения: **bold
descriptionStylecolorСтрокаЦвет заголовка дэша. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.)
borderStyle-ОбъектОбъект для указания стилей шапки дэша
borderStyleborderColorСтрокаЦвет границ шапки дэша. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.)
borderStyleborderTypeСтрокаТип отображения границы заголовка дэша. Возможные значения: dashed, dotted, solid
borderStyleborderWidthЧислоШирина границ шапки дэша

Блок common

Блок common имеет следующие ключи для настройки:

Название ключа (объекта)Нзавание дочернего ключаВозможные значенияОписание
visible-BOOLEANЕсли false, то шапка дэша не отображается
border-ОбъектОбъект для стилизации границ всего дэша
borderborderColorСтрокаЦвет границ дэша. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.)
borderborderTypeСтрокаТип отображения границы заголовка дэша. Возможные значения: dashed, dotted, solid
borderStyleborderWidthЧислоШирина границ дэша

forecast

Подробно описано в руководстве “Расширенные настройки виджетов Luxms BI” руководстве по конфигурации дэшлетов.

options

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

Название ключаОписание
FixedПри включенной опции дэш закреплен на экране при скроллировании
!TopBarMenuСкрыть меню дэша
VAxisIntegerВыводит целочисленные значения наблюдаемого факта
!TopBarСкрыть заголовок дэша
!ExpandedСокрытие возможности разворачивания дэша на весь экран
HiddenСокрытие дэша
TransparentФон дэша соответствует фону подложки дэшборда