График связей в QlikView: визуализация на примере звезд и зодиаков

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

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

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

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

Добрый день, Qlik-еры!

Сегодня продолжаю Альманах визуализации QlikView и хочу поговорить немного об астрологии. Удивительно, правда?) Но все-таки, сделаем задачу астрологии более приближено к задачам дизайнера приложений и аналитика. В чем суть сегодняшней статьи? Есть случаи, когда возникает необходимость отображать не сами данные, а взаимосвязи между ними. Один из интересных способов отобразить все связи — это радиальный график.

Строим график связей или немного астрологии

Рассмотрим такой пример.

У нас есть 12 знаков зодиака и есть список связей, какой знак с каким наиболее совместим. Вот и отобразим все такие связи в таком представлении.

Исходные данные:
Итак, для данного примера нам понадобится:
1) собственно сам список знаков зодиака и их порядковый номер.

2) и взаимосвязи, например, через порядковый номер знака:

Замечу, что связи внешним LOAD ещё и пронумерованы…Но это ещё не всё построение. Главное, чтобы каждая связь была двухсторонней, т.е. если есть связь 1-2, то нам надо добавить ещё и обратную связь 2-1.

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

(для отношения самого к себе нам не нужна обратная связь)

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

Теперь можно начинать.
Создадим объект диаграммы Пузырьковая диаграмма («Scatter Chart»). В качестве первого дименшина выберем:

В качестве второго дименшина добавим расчетный и введём:

В качестве третьего дименшина выберем:

Нажмем далее и на следующей вкладке включим галочку: Продвинутый режим («Advanced Mode»).
Вернёмся назад на вкладку Выражения («Expressions») (кнопка «Назад»).
Как видим, два выражения уже окажутся созданными, но мы их сейчас переделаем. Вместо первого напишем такое выражение:

и назовем его «X» (в поле ввода Метка («Label»)).

Вместо второго выражения напишем вот это:

и назовем его «Y» (в поле ввода Метка («Label»)).

Получится начальный пример (А).

QlikView Data Visualization

Пример (А)

 

Константные значения 195 и 180, указанные в выражениях X и Y неспроста, они зависят от размеров нашего объекта и являются его центром и радиусом. Поэтому:

На вкладке Заголовок (Caption):

Зададим ширину Ширина («Width»)=390 и высоту объекта Высота («Height»)=390.

И те же самые значения укажем

на вкладке Оси (Axes):

для обоих осей X и Y установить:
Стат.мин. (Static Min) =0;  Стат.макс. (Static max) =390

и тут же обе оси скроем и включим галочки Скрыть ось («Hide Axis»).

На вкладке Общие (General):


Отключаем галочку Показать заголовок диаграммы («Show Title in Chart»), но включаем галочку Только чтение («Read Only»).

На вкладке Представление (Presentation):

Уберем галочки Показать легенду («Show Legend»), Всплывающие метки («Pop-up Labels») и Подсветка («Highlight»).
Увеличиваем ширину линии до 4 (Ширина линии («Line Width»)=4).
Переключим Представление («Representation») в режим Линии и символы («Both Lines and Symbols»).
Выключим галочку Служебные знаки («Autosize Symbols») и увеличим Размер символа («Symbol Size»)=8.

После всех изменений, получим пример (Б).

QlikView Data Visualization

Пример (Б)

Отключим границы и заголовок.

На вкладке Стиль (Style):

Выберем стиль отрисовки — правый верхний квадратик («одинаковые закрашиваемые
кружочки»).

Осталось только установить для всех линий, исходящих из одной точки каждого зодиака, один цвет. Для этого на вкладке Выражения (ExpressionsJ
раскроем {+} у первого выражения (X) и в Цвет фона («Background Color»)
впишем следующее выражение:

Получили пример (В).

QlikView Data Visualization

Пример (В)

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

Сам объект Пузырьковая диаграмма («Scatter Chart») так не умеет, поэтому проще создать
дополнительно 12 обычных текстовых объектов Текст («Text»).

Рассмотрим на примере Овна:

Создаем текстовый объект («Text Object»), шириной Ширина («Width»)=54 и высотой Высота («Height»)=54

(вкладка Заголовок («Caption»)).

На вкладке Макет (Layout):

Включаем галочку Использовать границы («Use Borders») и выставляем ширину границы Ширина границы («Border Width») =4, цвет границы делаем =RGB(156,218,173).

Оставляем включенной галочку Скругленные углы («Rounded Corners») (появляется только
в Продвинутом режиме, который включается в общих настройках документа на вкладке Общие (General)), но переключаем Радиус угла («Corner Radius») на Относительный («Relative(%))», где уже прописано 100%

Ну, и самое главное,  размещаем этот кружочек, так чтобы он пересек точку, относящуюся к знаку «Овен», и в условиях показа объекта (Show — Conditional) прописываем формулу:
SUM(IF(ЗОДИАК=овен AND ЗОДИАК_ПОРЯДОК=ЗОДИАК_ОТНОШЕНИЕ,1,0))>0

На вкладке Общие (General):

Делаем фон прозрачным: двигаем ползунок Прозрачность («Transparency») до 100%.

Аналогично создаются и другие объекты, для оставшихся знаков.

QlikView Data Visualization

П.с. Картинки знаков или надписи также дополнительно создаются из текстовых объектов.

На сегодня хватит астрологии. Расскажите, как вы используете пузырьковую диаграмму в своей работе!

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

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

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

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

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

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

Подпишись!