Сегодня вновь обратимся к визуализации данных. Как нетрадиционным образом представить KPI, чтобы с первого взгляда было понятно, достигнуто ли целевое значение? Для представления KPI сегодня предлагаю использовать линейный спидометр в QlikView. Так, типичный круговой датчик QlikView или, как еще его называют спидометр, разложим в линию и получим такую визуализацию:

Qlik Data Visualization Qlik Data Visualization Qlik Data Visualization

KPI на прямой: История идеи и истоки вдохновения

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

Qlik Data Visualization

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

Qlik Data Visualization

Диаграмма-датчик в форме прямой

По своей сути, диаграмма-датчик – это столбчатая диаграмма QlikView с текстовым объектом, в котором добавлено описание на диаграмме. Собственно, пошаговая инструкция — ниже:

  1. Создайте гистограмму.
    1. Добавьте выравнивание заголовка по левому краю (в нашем примере используется шрифт Calibri).
    2. Нет измерений.
    3. Два выражения:
        • Первое выражение (скройте ярлык). Установите цвет фона с помощью выражения if, выбрав, каким он будет – зеленым, янтарным или красным.
        • Второе выражение. Цвет фона – серый, для оставшейся части прямой.
    4. Стиль – горизонтальная столбчатая гистограмма.
    5. Представление:
      1. Нет легенды.
      2. Нет всплывающих ярлыков.
        • Текст в подписях диаграммы. Показывает значение, поэтому выражение должно быть таким же, как первое выражение. Логика окраски та же, что и в первом выражении. Второй и третий текстовый объект — треугольники. Я использую значок для картографических объектов, перевернутый треугольник ‘▼’, затем настраиваем соответствующий цвет.
    6. Оси:
      1. Начало в нуле.
      2. Скрыть оси.
      3. Установить статический минимум и максимум от 0 до 100 (или 100%).
    7. Подложка, цвета и заголовок оставляю на ваше усмотрение, можно поиграть с этими параметрами, выбрав подходящие.
  2. Напоследок.
    1. Выберите диаграмму и используйте Ctrl-Shift, чтобы получить красный очертания/
    2. Переместите заголовок диаграммы в нужное место/
    3. Сожмите столбцы диаграммы.
    4. Растяните объект диаграммы, чтобы сделать диаграмму видимой.
    5. Теперь сожмите объект диаграмму вверх, и вы увидите, как столбцы диаграммы также сжались.
    6. Теперь временно перепишем выражения, чтобы выстроить положение янтарного треугольника.
    7. Проделайте аналогичную процедуру для красного треугольника.

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

Скачать диаграмму-датчик QlikView в форме прямой.

На этом сегодня все! До новых встреч в эфире!