Сегодня хочу вам рассказать об альтернативных состояниях (Alternate States) в QlikView, которые очень полезны при сравнении данных – они помогут заложить в ваших приложениях дополнительный важный контекст.

Альтернативные состояния: настройка в документе

По умолчанию, пользовательские выборки в QlikView находятся в активном состоянии, что обозначается как $. Альтернативные состояния позволяют расширить функционал выборок. Это означает, что мы можем отображать несколько наборов выборок в одном представлении.

НА ЗАМЕТКУ! Чтобы включить и настроить альтернативные состояния:

1. Вкладка Свойства документа -> Общие -> Другие состояния.Откроется диалоговое окно Другие состояния (CTRL+ALT+D).
2. Нажмите кнопку Добавить…, чтобы создать несколько состояний, и укажите их имя. Эти имена будут называться идентификаторами состояния.
3. Чтобы закрыть диалоговое окно, нажмите ОК.

Итак, после этих небольших манипуляций в настройках объекта появляется дополнительное поле, которое определяет альтернативное состояние объекта. По умолчанию стоит настройка «наследования параметров» (inherited).

Альтернативные состояния: Разбор примера

Exercise app 11.88 MB

Download

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

Заходим во вкладку TPL 2 в приложении. Пока она пустая, но мы это исправим. Для начала создадим листбоксы с фильтрами для сравнения данных, как на скриншоте ниже: 

Для этого выполним следующее:

1. Добавить листбоксы (в левой части экрана) для выбора наших текущих сравненийa. Листбокс по году настроен с прозрачным зеленым фоном на 50%b. Листбоксы по Индустрии и Названию завода имеют зеленый заголовок ‘cGreen‘
2. Добавить альтернативные состояния в документ
3. Включаем альтернативные состояния в параметрах документа (см.выше) и нажимаем добавить
4. Добавляемую группу назовем “Group2”
5. Применяем все настройки и нажимаем ‘Ok’
6. Привязываем альтернативные состояния к листбоксам

Листбоксы в левой части будет иметь альтернативные состояния, чтобы проводить сравнение текущей выборки с любым другим годом, индустией или заводом, поэтому делаем следующее:

1. Создаем, а лучше просто копируем, все 3 листбокса в правую часть экрана
2. Назначаем каждому из трех листбоксов в Свойствах объекта альтернативное состояние‘Group 2’

Мы используем для сравнения анализ множеств (Set Analysis) таким выражением:

sum({Group2} SalesPrice*Quantity)

Это выражение считает доход для выборок в листбоксах.

4. Разработка визуализации

Далее мы создаем визуализацию сравнений для наших списков – добавляем новый график:

1. В контекстном меню – новый объект листа – диаграмма – линейная диаграмма
2. Кликаем далее
3. Добавляем измерение

Измерение, которые мы собираемся сравнивать – продуктовая группа. Добавляем это поле и сохраняем.

6. Добавляем нужные выражения

Нам нужно два выражения – одно для результатов по текущей выборке и другое – для сравнения этих результатов:

a) Добавляем выражение для сравнений:(Ярлык: CompareTo)

b) Добавляем выражение для текущей выборке:(Net Margin %)

c) Размер и положение объекта во вкладке Заголовок:

a. X-pos: 211

b. Y-pos: 13

c. Width: 576

d. Height: 613

d) Применяем настройки и жмем ‘Ok’

7. Пока у нас получился такой график, но нам, конечно, нужно его улучшить:

8. Информационный дизайн диаграммы

a) Для лучшего восприятия диаграммы сделаем следующее:

b) Уберем заголовок

c) Уберем границы

d) Установим размер шрифта для осей на 8 pt

e) Выберем вертикальное отображение подписей данных

f) Скрываем легенду

g) Убираем заголовок объекта

h) Вместо отображения линиями назначим отображение точками (Dots) по 6 pt

И получим уже такую визуализацию:

Заключительные штрихи: от хорошего к лучшему

Уже очень неплохо получилось, но я предлагаю окончательно докрутить эту сравнительную диаграмму, чтобы она стала BI-шедевром  

1. Добавим дизайна

a. Установим цвет фона для выражения ‘CompareTo’ на ‘cBlue‘. Это поможет пользователю понять, какие точки, к какой выборке относятся

b. Выберем фон для выражения ‘Net Margin %’ на‘cGreen‘.

c. Добавляем индикатор для текущей выборки:

– Добавляем текстовый объект▲, размером 110 pt и установим прозрачность объекта на 100%

– Настройки параметров Заголовка:

– X-pos:32

– Y-pos: 368

– Width: 144

– Height: 144

d. Добавляем рассчитываемый цвет шрифта для индикации лучших результатов:

e. Добавляем индикатор для выборке ‘Group2’ , который показывает, выше ли полученные значения

Добавляем текстовый объект «▲» с размером шрифта 110 pt и устанавливаем прозрачность объекта на 100%.

Настройки параметров Заголовка объекта:

– X-pos: 825

– Y-pos: 368

– Width: 144

– Height: 144

f. Добавляем выражение для вычисления цвета для индикации лучших результатов:

2. Добавляем средние линии и линии лучших результатов

a. Добавляем дополнительную линию (‘Net Margin %’)

– Выражение для линии:

– Выражение для ярлыка:

– Проверьте, что галочка на показ ярлыка установлена

– Вычисляемый цвет для этой линии должен быть ‘cGreen‘

b. Дополнительная линия для ‘Group2’ (‘CompareTo’)

– Выражение для линии:

– The expression for the label should be:

– Проверьте, что галочка на показ ярлыка установлена

– Вычисляемый цвет для этой линии должен быть ‘cBlue‘

3. Добавляем линии сетки

Чтобы было удобнее работать с диаграммой, во вкладке Оси выбираем – Показывать сетку, а цвет ставим на ‘cLightGrey ‘.

4. Сохраняем и жмем «Ок».

В итоге вот, что у нас получится!