Альманах визуализации, выпуск №1/7. Спецэффекты: Зеркальное отражение столбцов на графике

Алексей Шабалин

Алексей Шабалин

Опыт работы с QlikView: с февраля 2012 года

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

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

Итак, всё по порядку…

  1. Начнем с простого графика.

Пусть у нас уже создан простой график (Диаграмма/Chart —
Гистаграмма/Bar Chart) с одним дименшеном (DATA_STATE) и выражением типа SUM(DATA_SALE):
QlikView Bar Chart

  1. Внесем небольшую косметическую модификацию, которая нам пригодится совсем скоро.

На вкладке «Оси» (Axes) в свойствах объекта:

  • Включим отображение линии абсцисс,
  • Укажем «Цвет оси» (Axis Color) черным,
  • Назначим ширину линии (Width) 1 пиксел («Ширина» = 1):свойства диаграммы QlikView
  1. А теперь добавим немного Qlik-магии.

Чтобы линия абcцис была всегда на одном уровне, и высота отражения тоже была постоянной для всех баров, создадим специальную переменную:
vMaxSale_by_state = MAX( AGGR( SUM(DATA_SALE), DATA_STATE))

Задача этой переменной: при любом состоянии фильтров выбора в QlikView определять максимум из отображаемых баров на графике.

  1. Теперь мы готовы создать отражение нашего графика.
  • Добавим на вкладке «Выражения» (Expressions) к уже существующему выражению второе:
    =-vMaxSale_by_state/8
  • На вкладке Стиль (Style) переключим Подтип (Subtype) на «Стопкой» (Stacked),
  • На вкладке Стиль (Style) «Вид» (Look) выберем самый простой

Дизайн диаграммы в QlikView

  • На вкладке Представление (Presentation) отключим галочку «Показывать легенду» (Show Legend)
  • На вкладке Оси (Axes) включим галочку «Скрыть оси» (Hide Axis)
  • Сам эффект отражения зададим цветом на вкладке «Цвета» (Colors):
    • Для второго квадратика цвета зададим тип: «Двуцветный градиент» (Two Colors Gradient),
    • «Базовый цвет» (Base Color) поставим «Вычисляемый» (Calculated) и укажем цвет как у наших столбцов, только слегка более прозрачным: =ARGB(190,252,115,98),
    • «Второй цвет» (Second Color) ставим уже совсем прозрачным: =ARGB(0,252,115,98) :Свойства диаграммы QlikView

Вот так просто мы и получили эффект отражения баров графика:Bar Chart QlikView

Комментируйте и делитесь с коллегами!

Алексей Шабалин

Опыт работы с QlikView: с февраля 2012 года Увлечение и хобби: визуализация и анализ данных, генератор идей, проработка новых технологий, разработка наглядных систем контроля процессов.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Подпишись на Data-Daily!

Введите email и будьте в курсе!

Подпишись!