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

Каскадная диаграмма

“Каскадная диаграмма” (bridge) - диаграмма, отображающая воздействия промежуточного положительного или отрицательного значений на первоначальное.

Каскадная диаграмма

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

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

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

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

Поле view_class для дэша имеет значение bridge.

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

dataSource​

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

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

display​

Название ключаВозможные значенияОписание
bgColorСтрокаУказание цвета фона дэша. Цвет можно указать в формате #HEX, RGB, RGBA, либо ключевым словом (red, blue, green и т.д.)
headerStyleобъектИспользуется для указания стилей заголовка дэша
rotateXLabelЧислоУгол поворота заголовка на оси Х
rotateYLabelЧислоУгол поворота заголовка на оси Y
colorNegativeСтрокаУказание цвета для отрицательного отклонения. Цвет можно указать в формате #HEX, RGB, RGBA, либо ключевым словом (red, blue, green и т.д.)
colorPositiveСтрокаУказание цвета для положительного отклонения. Цвет можно указать в формате #HEX, RGB, RGBA, либо ключевым словом (red, blue, green и т.д.)
colorSubtotalСтрокаУказание цвета для интегральных показателей (фактов). Цвет можно указать в формате #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ЧислоШирина границ дэша

options​

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

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

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

onClickDataPoint​

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

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

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

Логика построения​

С версии 10.1 появится второй вариант построения дэша “Водопад” под названием “Каскадная диаграмма”. В результате у него появится несколько отличий от старого:

1) По умолчанию, на дэше отображается только начальный и финальный интегральные показатели. 2) Могут использоваться подытоги. В этом случае к синим столбцам начального и финального интегрального показателя добавятся синие столбцы подытогов. 3) Стало возможно отображать на дэше отрицательные значения.

Интегральный показатель – начальное и конечное общее значение показателя.

“Фактор” – показатель, в зависимости от которого интегральный показатель изменяет свое значение от начального состояния к конечному.

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

Пример представления данных приведен в таблице ниже:

ДатаФакт
2003-12-1872.0
2004-01-0144.7
2004-01-1536.7
2004-01-1730.5
2004-01-1823.16
2004-02-0230.08
2004-03-09109.7
2004-03-2490.65
2004-04-02171.01
2004-04-0654.7
2004-05-0526.25
2004-05-2527.31
2004-05-2942.06
2004-06-0364.08
2004-06-0835.48

где последний столбец - итоговое значение показателя, а все предыдущие - рассчитанное отклонение в срезе данных по фактору.

Пример JSON-конфигурации данного дэша представлен ниже:

{
  frame: {
    h: 6,
    w: 12,
    x: 0,
    y: 2,
  },
   display: {
    colorNegative: 'rgba(232,84,152,1)',
    colorPositive: 'rgba(224,121,33,1)',
    colorSubtotal: 'rgba(170,111,172,1)',
  },
  dataSource: {
    koob: 'mssql.orders_full',
    xAxis: 'measures',
    yAxis: 'orderdate',
    measures: [
      'sum(plan):sum_plan',
      'sum(fact):sum_fact',
    ],
    dimensions: [
      'orderdate',
    ],
  },
  view_class: 'bridge',
}

Количество синих столбцов зависит от количества интегральных показателей (количества фактов), указанных в конфигурации.

к сведению

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