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

Сегодня по шагам расскажу, как создать такое представление результатов.

QlikView: Работа с прямой

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

  1. Создадим прямую при помощи объекта «Текст» (Text), выбрав заливку фона по градиенту между двух цветов.

НА ЗАМЕТКУ! Если мы хотим сделать переход от верхнего цвета к нижнему через промежуточный, третий, цвет, нам понадобится создать линию, состоящую уже из двух текстовых объектов, одинаковых по высоте и состыкованных “встык” без зазора.

В нашем примере:

  • верхний цвет – RGB(12,95,248)
  • промежуточный цвет – RGB(216,29,231)
  • нижний цвет – RGB(255,223,5)
  1. У объектов в Свойствах отключаем бордюр
  2. Также, естественно, отключаем заголовок.
  3. Созданную “полоску” помещаем на самый дальний план (выставляем Слой = -2) Визуализация данных в QlikView

QlikView: Точки на прямой

Теперь отобразим непосредственно сами “точки” на нашей прямой.

  1. Для этого создаем объект Линейный график (Line Chart).
  2. Вкладку Измерения (Dimensions) у него пропускаем – на ней не надо ничего выбирать
  3. На вкладке Выражения (Expression):
  • Добавляем столько точек, сколько хотим отобразить разных фиксированных групп. В нашем случае это:
    Выражение1:  SUM( IF(DATA_GROUP=group-1, DATA_PROCENT))
    Выражение2:  SUM( IF(DATA_GROUP=group-2, DATA_PROCENT))

Выражение3:  SUM( IF(DATA_GROUP=group-3, DATA_PROCENT))
Выражение4:  SUM( IF(DATA_GROUP=group-4, DATA_PROCENT))

  • У всех созданных выражений отключаем внизу галочку “Выражения как легенда” (Expressions as legend)
  • Поскольку линии нам здесь не нужны, в “Показать опции” (Display Options) ставим галочку только у “Символ” (Symbol) и выбираем символ = “Круги” (Circles). Свойства диаграммы Qlik
  1. На вкладке Стиль (Style)
  • Оставляем ориентацию как есть – вертикальные столбцы,
  • Вид выбираем самый первый наверху, обычные линии (без теней).Свойства диаграммы Qlik
  1. На вкладке Представление (Presentation)
  • Увеличиваем размер “Размер символа” (Symbol size) до 4 точек,
  • Отключаем “Всплывающие метки” (Pop-up Labels)
  • Отключаем “Подсветка” (Highlight)Свойства диаграммы Qlik
  1. На вкладке Оси (Axes)

Прячем оси у всех заданных выражений. Для этого:

  • ставим галочку “Скрыть оси” (Hide Axes),
  • Оставляем галочку “Forced 0” у всех,
  • Только у первого выражения устанавливаем:

“Стат.мин.” (Static Min) = -5,

“Стат. Макс.” (Static Max) = 105,

“Стат. Шаг.” (Static Step) = 1.Свойства диаграммы Qlik

  1. На вкладке Макет (Layout)
  • Выключим галочку “Использовать границы” (Use borders)
  • Установим уровень Слой -> “Пользовательский” = 5 (Layer -> Custom)Свойства диаграммы Qlik
  1. На вкладке Цвета (Colors) – выставляем цвет первых четырех квадратиков белым.Свойства диаграммы Qlik

Получаем:Визуализация данных в QlikView

  1. Теперь подгоняем размер нашего линейного графика под размер линии, и чтобы “точки” встали посередине линии. Для подгонки размеров, можно у одной точки временно прописать в формуле “=1”, а у другой “=0”.
  2. Если есть необходимость добавить второй ободок другого цвета к нашим точкам, как
    в моем примере, нужно просто клонировать уже готовый объект Линейный график (Line Chart), оставив его на том же месте, а в его свойствах только поменять:
  • на вкладке “Представление” (Presentation) – “Размер символа” (Symbol Size)=6
  • на вкладке “Макет” (Layout) – раздел Слой -> “Пользовательский” (Layer -> Custom) = 4
  • на странице “Цвета” (Colors) меняем цвет первых четырех квадратиков

Получаем:

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

QlikView: Управление линиями

Теперь рассмотрим самый интересный прием – управление линиями!

  1. Для начала нам понадобится в скрипте – создать особую отдельную таблицу:

Эта таблица не должна соединяться ни с какой другой таблицей в макете, а к названию таблицы и поля мы добавили символ “_”, чтобы скрыть и саму таблицу, и поле от пользователя. Это делается ещё одной командой в скрипте:

  1. Теперь создадим новый объект Диаграмма – “Пузырьковая диаграмма” (Chart – Scatter Chart) и на вкладке “Измерения” (Dimensions) зададим два вычисляемых дименшина:

первый:  =IF( _ТОЧКА<=3, _ТОЧКА)

второй:  =IF( Match(DATA_GROUP,group-2,group-4), DATA_GROUP)

Для чего нам это понадобилось?

Первый дименшен – определяет нам для “рисования” линий три возможные координаты абсцисс: 1,2 и 3.

Для второго дименшина отбираем две четные наши группы: 2 и 4.

Дело в том, что этой “пузырьковой диаграммой” (Scatter Chart) мы нарисуем только правые две линии сносок, идущие к группе 2 и 4.

  1. Перейдем на вкладку “Выражения” (Expressions) и включим “Продвинутый режим” (Advanced Mode).
  • вместо первого выражения напишем:
    =_ТОЧКА
  • вместо второго выражения:
    =Pick( _ТОЧКА,
    Sum(DATA_PROCENT),
    IF(DATA_GROUP=group-2, 90, null()),
    IF(DATA_GROUP=group-4, 50, null()) )
    Визуализация данных в QlikView Получаем:Визуализация данных в QlikView

Первое выражение задает координату X для каждой линии, второе – координату Y. То есть формула второго выражения для случая, когда X=1 определяет координату Y, исходя из значения выражения SUM(DATA_PROCENT) для нашего второго дименшина (group-2 и group-4). Точки Y для случая, когда X у линий будет равен 2, задаем условием: для group-2 это 90, для group-4 нет точки вообще. (null – не рисуется).

Аналогично для случая X=3. Тут только линия, рисующая для group-4, имеет Y координату = 50.

  1. Далее – косметические манипуляции:
  • На вкладке Общие (General)
    • Отключаем галочку: “Показывать заголовок диаграммы” (Show Title in chart),
    • Ставим галочку “Только для чтения” (Read only)
  • На вкладке Измерения(Dimensions)
    • Уберем галочки “Метки” (Label) у обоих наших дименшинов,
    • У второго дименшина включим галочку “Скрыть значение Null” (Suppress when value is Null)
  • На вкладке Представление (Presentation)
    • Отключаем галочку “Показать легенду” (Show Legend)
    • Отключаем галочку “Авторазмер символов” (Autosize Symbols)
    • Ширину линии (Line Width) ставим = 1.
    • В “Представление” (Representation) выбираем режим “Только линии” (Only lines).
    • Отключаем галочки “Show X label”, “Show Y Label”, “Highlight”, “Pop-up Labels”
      Визуализация данных в QlikView
  • На вкладке Макет (Layout)
  • Отключаем бордюр “Использовать границы” (Use Borders)
  • Отключаем опцию “Разр. Перем/Ред” (Size to data).
  • “Слой” (Layer) выставляем пользовательский (Custom) = 9, чтобы линии были поверх всего.Визуализация данных в QlikViewПолучаем:Визуализация данных в QlikView
  • На вкладке Заголовок (Caption) выключаем опцию “Показывать заголовок” (Show Caption).
  • На вкладке Оси (Axes)
  • У “X оси” выключим галочку “Forced 0”
  • Включим галочки “Скрыть оси” (Hide Axis) у обоих осей “X ось” и “Y ось”.
  • Зафиксируем масштаб: включим галочки “Стат.мин.” (Static Min) и “Стат.макс” (Static Max) у “X оси” и впишем возможные значения: Мин=1, а Макс=3.
  • Зафиксируем масштаб: включим галочки “Стат.мин.” (Static Min) и “Стат.макс” (Static Max) у “Y оси” и впишем возможные значения: Мин=0, а Макс=100.Визуализация данных в QlikView
  • На вкладке Цвета (Colors) два первых квадратика цвета сделаем черными.Визуализация данных в QlikView

В итоге получим такой результат:

Визуализация данных в QlikView

  • Ну а теперь, нам осталось только на той же вкладке “Цвета” (Colors) сделать фон прозрачным (в разделе “Граница фона” (Frame Background)) и подогнать размеры объекта под нашу линию и крайние точки на ней:

Визуализация данных в QlikView

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

В моем примере это два “Текст” (Text) объекта, которые выглядят как листки бумаги из блокнотика. Вы можете придумать что угодно своё, главное здесь – это меняющиеся линии сносок.Визуализация данных в QlikView

  1. Линии слева для групп “group-1” и “group-3” делаем аналогичным образом, с той лишь разницей, что:
  • Во втором дименшине надо прописать:

=IF( Match(DATA_GROUP,group-1,group-3), DATA_GROUP)

  • Во втором “Выражении” (Expression) теперь надо написать:

 =Pick( _ТОЧКА,
IF(DATA_GROUP=group-1, 60, null()),
IF(DATA_GROUP=group-3, 22, null()),
Sum(DATA_PROCENT) )

  1. Ну а на самих “листочках-сносках” можно разместить ещё какую-нибудь дополнительную информацию – например, динамику изменения этого показателя за прошедший период:Визуализация данных в QlikView

На этом сегодня все! Комментируйте и делитесь своими идеями!