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

Сводная таблица

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

Сводная таблица

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

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

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).

subtotals

Тип STRING, принимает список размерностей, для которых необходимо выводить подытог.

subtotals: "sex;age;degree"

В подытоге необходимо указывать размерности, идущие поочередно, начиная с первого.

Например, если размерности на оси лежат так:

xAxis: "sex;age;degree"

То подытоги обязательно необходимо указывать с sex, то есть, для вышепредставленного варианта корректное указание подытогов выглядит следующим образом:

subtotals: "sex;age"

либо

subtotals: "sex;age;degree"

innerMeasures

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

Пример:
> innerMeasures: ["id1", "newId"]
{.is-info}

innerFilters

Для сводной таблицы также присутсвует возможность предустановки фильтрации для размерностей с помощью innerFilters. Задается аналогично filters

Пример:

к сведению

innerFilters: { "sex": ["!=", "Мужчины"] }

style

Ниже представлены ключи для стилизации таблицы с группировкой:

Название ключаВозможные значенияОписание
titleСтрокаУказание заголовка для показателя, отображаемого в шапке таблицы.
colorСтрока либо LPE-выражениеУказание цвета для показателя. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.). Можно указать LPE-выражение, изменяющее цвет значения по условию.
formatСтрокаОтображение значения в соответствии с указанным форматом. Все варианты форматов описаны в руководстве по конфигурации дэшлетов
fontStyleСтрока либо LPE-выражениеУказание стилизации отображения значений столбца (указание значения italic отображает текст курсивом)
fontSizeЧисло либо LPE-выражениеУказание размера шрифта значений в столбце (указываются относительные значения в процентах относительно значения по умолчанию)
fontWeightСтрока либо LPE-выражениеустановка насыщенности шрифта значений (указание значения bold отображает текст полужирным начертанием)
formulaLPE-выражениеУказывается формула, по которой будет выводится итог столбца. Требуется указать агрегат measure - как указано в массиве measures. (Работает только с включенной опцией DisplayOverall. При включенной опции выводится сумма значений по столбцу).
textDecorationСтрока либо LPE-выражениеДобавление оформления текста с использованием линии (указание значения underline подчеркивает текст)
backgroundColorСтрока, либо LPE-выражениеуказание цвета фона значений в столбце. Цвет можно указать в формате #HEX, RGB, RGBA либо ключевым словом (red, blue, green и т.д.). Можно указать LPE-выражение, изменяющее цвет значения по условию.
textAlignСтрокаОриентация значений внутри ячейки. Доступные значения: center, left, right.
footerStyleОбъект со стилямиОпция для настройки нижней строчки таблицы, в которой указывается Общий итог.
widthЧислоУказание ширины для столбца в таблице.
heightЧислоУказание высоты для столбца в таблице.
transformСтрока (CSS-значение)Указание функции манипуляции отображения данных. Работает аналогично CSS-стилю transform. Пример: transform: “rotate(90deg)”. Работает только для заголовков (headerStyle).
valueLPE-выражениеОпция для редактирования ячейки плоской таблицы, с ее помощью можно в ячейку добавить ссылку, а так же svg картинку. Кроме того, есть возможность добавить условие через lpe-выражение. В примере ниже используются функции bold(v) - для выделения текста жирным, italic(v) - для выделения значения курсивом, br() - для переноса строки, переменная v (либо value, а также можно указывать название measure или dimension) - значение в ячейке таблицы, nbsp - для пробела, aHref() - функция для указания ссылки. Svg файл необходимо добавить в ресурсы текущего атласа.

Для стилизации заголовков таблицы, внутри объекта стилизации факта/размерности необходимо указать объект headerStyle и внутри него прописывать необходимые стили. Это может понадобится для отцентровки заголовка столбца (textAlign: "center"). Ниже представлен пример конфигурации для стилизации заголовка таблицы:

"style":    {
"education": {
"minWidth": 500,
"headerStyle": {
"textAlign": "center",
},
},
},

Указание ширины для столбцов, отложенных на оси X в table производится в headerStyle:

Указание ширины для столбца с размерностями
"degree":   {
"headerStyle": {
"width": 300,
},
},

Пример использования данных ключей конфигурации представлен ниже:

"style":  {
"measures": {
"b": {
"color": "#a6c497",
"width": 20,
"backgroundColor": "#771111",
},
"c": {
"color": "#4ab6e8",
"fontSize": "lpe:if(c>400000, '120%', '80%')",
"width": 10,
"fontStyle": "lpe:if(c>400000, 'italic', '')",
"fontWeight": "lpe:if(c>400000, 'bold', 'normal')",
"textDecoration": "lpe:if(c>400000, 'underline', '80%')",
"backgroundColor": "lpe:if(c > 400000, '#ffaabb', 'transparent')",
"textAlign": "center"
},
},
},

options

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

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

"options": ["Fixed"].
Название ключаОписание
FixedПри включенной опции дэш закреплен на экране при скроллировании.
!TopBarMenuСкрыть меню визеля.
!TopBarСкрыть заголовок дэша.
ModalDrilldownПодключение старого варианта иерархии для дэша (Модальное окно с горизонтальными столбцами).
!ExpandedСокрытие возможности разворачивания дэша на весь экран.
HiddenСокрытие дэша.
!DisplayOverallСкрывает итоговую строку внизу таблицы.

onClickDataPoint

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

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

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

Особенности работы сводной таблицы (PIVOT)

Сводная таблица - таблица с группировкой значений, позволяющей объединять значения по показателю и менять построение таблицы в режиме реального времени. Ниже представлен пример настроенной сводной таблицы:

Сводная таблица

Таблица имеет обертку, позволяющую маневрировать отображением данных в таблице.

Показатели, отложенные по вертикали и выделенные цветом, в левой части дэша, отображены как строки таблицы. Идентичные показатели группируются в одну ячейку:

Показатели, отложенные как строки

В верхней части по горизонтали указаны показатели, являющиеся столбцами таблицы. Шапка столбцов группируется аналогично строкам таблицы:

Показатели, отложенные как столбцы

Для того, чтобы перенести показатель со строк в столбцы, необходимо перенести его на другую область:

Перенос показателя на другую ось

Если размерность была указана в блоке “Размерность”, но не указана на оси, то она будет скрыта. Размерность будет иметь прозрачный фон и иконку . Чтобы отобразить показатель в таблице нажмите у показателя :

Отображение показателя в таблице

Для скрытия показателя нажмите .

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

Фильтрация показателя в сводной таблице

У сводной таблицы есть следующие настройки:

Настройки сводной таблицы
  1. Сохранить текущее состояние - сохраняет текущее отображение таблицы. После обновления таблица будет отображена в сохраненном состоянии.
  2. Включить/Выключить подытоги - отображение/скрытие в таблице подытогов.
  3. Сбросить все фильтры - все, указанные фильтры для показателей устанавливаются по-умолчанию.
  4. Скрыть все размерности - в таблице отображены только факты.
  5. Свернуть настройки таблицы - обертка скрывается, отображается только таблица.