Интерфейсные решения для визуализации

Задача QlikView – удобное отображение массивов данных. Для этого используются диаграммы, списки, таблицы и текстовые объекты

ГИСТОГРАММА С ТРАФАРЕТОМ

449

Особенности:

  • Фиксированное число групп
  • 10 текстовых объектов (3 программируемых, 6 статичных)
  • 1 диаграмма (Гистограмма)

Если требуется визуализировать какие-то величины не просто столбчатой диаграммой, а тематическими картинками, в этом случае подойдет описанный тут метод. Он подойдет как для горизонтальных столбцов, так и для вертикальных. Количество групп должно быть известно заранее и их не должно быть слишком много. Цвет для каждой группы лучше зафиксировать или в скрипте, добавив соответствующую колонку к справочнику групп или создать переменные.

ВЫЧИСЛЕНИЯ В ГИСТОГРАММЕ

454

Измерение
Измерение диаграммы должно быть основано на поле, содержащем наименования наших групп. Для измерения следует включить параметр «Показать все значения». Метка измерения (легенда) не должна отображаться.

Выражение
Для подобной визуализации диаграмма должна содержать выражение, для которого максимум будет всегда равен 1. Это нужно для фиксации высоты столбцов. Для этого можно использовать формулу

SUM(Amount)/SUM(TOTAL Amount)

Если необходима специфическая цветовая индикация, то это удобно делать через формулу для цвета выражения. Если в модели данных для каждой группы было загружено поле содержащие цветовой код в формате RGB(27,125,156), то это поле можно использовать в формуле цвета фона выражения.

ДИЗАЙН

455

Убираем всё лишнее из диаграммы.
Необходимо скрыть оси измерения и выражения, а также отключит всплывающие метки. Для оси выражения установить максимум 1 и минимум 0. В настройке «Представления» диаграммы установите дистанцию между столбцами и кластерное расстояние равными 0. В таком случае столбцы будут располагаться вплотную друг к другу. Экспериментируйте.
Установите гистограмме расположение на слое 0.

НАЛОЖЕНИЕ ТЕКСТОВЫХ ОБЪЕКТОВ

Наложите поверх столбцов гистограммы текстовые объекты, в которых заложено изображение с «трафаретом» (такие изображения сохраняют в формате .PNG). Убедитесь, что изображения не будут растянуты и размещены на слое выше диаграммы. Укажите им расположение на слое 10.
Под диаграммой поместите текстовый объект с рамкой (ширина границы макета = 1), указав ему размещение на слое «-2».

457

Убедитесь, что максимальная высота столбцов гистограммы будет закрыта трафаретами, и ширина границы макета равна 0.

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

Идея:

Управлять количеством пробелов перед рассчитываемым процентом для наших человечков в зависимости от его значения. А именно — пишем в выражение «Text» текстового объекта следующую формулу:

=Repeat(' ', Round( 26*SUM({<Группа= {'Группа 1'}>} Amount))/SUM(Amount), 1) )
&Num( SUM({<Группа = {'Группа 1'}>} Amount)) / SUM(Amount), '0%')

Эта формула приведена для отображении метки процентов — для группы «Группа 1». Коэффициент «26» — подбирается в формуле таким образом, чтобы, когда дробь в выражении равна 1, отображаемая метка располагается на расстоянии после всех человечков.
Это зависит от размера и типа выбранного шрифта. Цвет текста устанавливаем Вычисляемым, чтобы он соответствовал цвету анализируемой группы. Если цвет загружен в модель данных, то можно использовать формулу:

Only({<Группа = {'Группа 1'}>} Цвет)

ФИНАЛИЗАЦИЯ

449

Добавьте метки для столбцов диаграммы, которые будут описывать группы. Цвет текста вычисляется по выражению, цвета группы. При фильтрации по полям может происходить сокращение вывода информации и текстовые объекты будут выводить прочерки. Чтобы исключить отображение «пустых» текстовых объектов, нужно прописать условие показа. Можно использовать функцию MATCH:

Match('Группа 1', '$(=CONCAT(DISTINCT Группа, chr(39)&','&chr(39)))')

Это условие следует прописать во всех объектах, описывающих частную группу.

Создание визуальных часов в QlikView

Из данного блога Вы узнаете, как в QlikView можно различными способами сделать визуальные часы со стрелками. Этот объект интерфейса поможет пользователям спокойно вести работу, контролируя свой рабочий процесс.

436

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

Настройки 1 диаграммы

Общие

Убрать показ заголовка в диаграмме и выбрать тип диаграммы: Датчик

Выражения

mod(Hour(Now()), 12) + Minute(Now())/60

Стиль

Вид датчик без рамки(1)

Представление Установки датчика

Мин: 0 Макс: 12

Настройка сегментов

Оставить 1 сегмент с 100% прозрачным цветом

Индикатор

Стиль: Линия

Масштаб

Основные: 13
Осн. Един.: 1
Вспом. делений на осн.: 5
Шрифт: любой, например 10 размера (и в Тексте, и в диаграмме надо указать одинаковый)

Установки круглого датчика

Толщина цилиндра: 0
Охват угла: 360 
Центральный: 180 

Текст в диаграмме

12, Отцентрированный Скрыть границы сегмента: включить  Убрать контуры датчика: включить 

Цвета

Фон 100% прозрачный

Макет

Толщина линии 0

Заголовок

Убрать показ заголовка

Перетаскиваем цифру 12 на место 0 (ctrl+shift и мышкой тащим 12)

Получится вот такой датчик с часовой стрелкой

437

Копируем его, чтобы лишнего ничего не делать (упаси боже)

Заходим в настройки копии

Выражения

mod(Minute(Now()), 60)

Представление

Максимум: 60

Индикатор

Стиль тонкая палка
Показать масштаб отключить
Текст в диаграмме убрать
Убрать контуры датчика: Выключить

Накладываем датчики друг на друга

440

Точно так же можно добавить секундную стрелку

441
Комментирование и размещение ссылок запрещено.

Комментарии закрыты.

63 queries in 0,419 seconds