Алексей Колоколов – Азбука визуализации Power BI (страница 10)
* Сегменты отсортированы в порядке убывания количественного показателя, что верно, ведь важно в первую очередь видеть, в какой стране самая большая доля продаж.
* Включены метки данных.
* Цвета сегментов достаточно контрастные, не сливаются между собой (но это еще зависит от цветовой темы вашего отчета).
Рассмотрим, что нужно сделать, чтобы привести диаграмму к идеальному виду. Это руководство будет коротким, поскольку в круговых диаграммах нет понятия осей X и Y. Нам нужно будет выполнить только следующие шаги:
1. Настроить подписи категорий рядом с метками данных.
2. Удалить легенду, которая будет дублировать информацию в подписях данных.
3. Настроить внутренний радиус (для кольцевой диаграммы).
4. Отредактировать название диаграммы.
В конце мы разберем пару дополнительных опций и типовых ошибок.
Пошаговое руководство для круговой и кольцевой диаграммы
Шаг 1. Настроить метки данных
В отличие от столбчатых диаграмм, на круговой метки данных появились сразу, и включать их не нужно. Но на рисунке 4–2 вы видите, что они показывают и абсолютные, и процентные значения. Мы понимаем, что бывает важно видеть и то, и другое, но с точки зрения визуализации следует расставить приоритеты. В противном случае, при попытке показать “все и сразу” не будет видно ничего.
Не удивляйтесь, если вы не увидите пункт Метки данных в опциях визуального форматирования. Здесь он называется Метки подробностей (Detail labels).
На рисунке 4–3 показаны варианты Содержания метки (Label contents) в выпадающем меню:
* Категория – отображает только название категории.
* Значение данных – отображает только числовой показатель (в нашем случае факт продаж).
* Процент от общего – отображает долю сегмента
в общем объеме. Обычно это – самый важный аспект круговой диаграммы.
Далее следуют различные комбинации этих элементов.
Пользователя отчета в первую очередь интересует структура. Поэтому, мы советуем выбрать вариант Категория + Процент от общего. Категорию важно показывать рядом с числовым значением, а не уносить в легенду, чтобы облегчить восприятие данных. В случае с легендой пользователь вынужден соотносить маленькие цветные точки в легенде с цветами сегментов диаграммы и всегда держать в голове название категории, когда он видит числовое значение. Это неудобно.
Рисунок 4–3. Варианты меток подробностей (меток данных).
Перейдем к подписям значений (рисунок 4–4) и настроим их по тому же алгоритму, что и в столбчатой диаграмме:
* Выставляем размер шрифта 12 пт. Если при этом названия категорий или метки данных помещаются не полностью (обрезаются), то уменьшить шрифт 9-11 пт.
* Единицы измерения оставляем Авто или Нет, так как данные представлены в процентах. Если для других задач вы будете выбирать отображение значений данных, то на них будут действовать такие же правила по настройке единиц измерения, как для столбчатых диаграмм.
* В Десятичных разрядах для процентов указываем 0 или 1. 2 и более знаков после запятой для процентов не будет нести большого смысла.
Рисунок 4–4. Значения меток подробностей.
Шаг 2. Отключить легенду
Названия категорий теперь размещаются рядом с сегментами, а легенда их дублирует. Соответственно, в ней нет необходимости и нам следует отключить этот элемент (также, как в столбчатых диаграммах при настроенных метках данных мы поступили с осью Y). Обратим ваше внимание, что легенда в настройках круговой диаграмме называется Условные обозначения.
Шаг 3. Настроить внутренний радиус
При работе с кольцевой диаграммой первые два шага идентичны. Дополнительно добавляется настройка внутреннего радиуса, который влияет на размер пустого пространства в центре диаграммы. Развернем раздел Срезы и пункт Интервал в нем (рисунок 4–5).
По умолчанию радиус внутреннего круга составляет 60 %. Не советуем его увеличивать. На рисунке 4–5 слева показан вариант с радиусом 80 %. На нем сама визуализация стала слишком тонкой, а доминирующее пустое пространство переключает на себя внимание и читателю сложно сфокусироваться на данных. Мы рекомендуем оставить радиус по умолчанию или уменьшить его до 50 % (рисунок 4–5 справа). Так диаграмма будет выглядеть сбалансированно.
Рисунок 4–5. Кольцевая диаграмма с радиусом 80 % (слева) и 50 % (справа).
Шаг 4.Отредактировать название диаграммы
Этот шаг характерен для любого типа диаграмм (мы обсуждали его в главе 1 в разделе "Анатомия диаграмм/ Заголовок диаграммы"). Для настройки заголовка перейдите на вкладку Общие, выберите Заголовок и введите лаконичное название в параметре Текст. Например, вместо "Сумма факта продаж по странам" вы можете указать "Факт продаж по странам".
Типовые ошибки
Круговая диаграмма довольно проста в построении, и иногда хочется добавить в нее какую то фичу, изюминку. Но обычно такие эксперименты терпят неудачу. На классических визуализациях старайтесь следовать подходу “одна мысль – одна диаграмма”. Как работать с комплексными данными мы расскажем во второй части книги “Продвинутая визуализация”.
Ошибка 1. Поворот
Поворот (Rotation) – это последний параметр на панели настройки визуализации, который есть как у круговых, так и у кольцевых диаграмм.
По умолчанию диаграмма сортируется по убыванию – от большего числового показателя к наименьшему, а первый сектор начинается с 0° (как циферблат часов начинается с 12). Это – традиционный способ представления структурных данных.
Вы, конечно, можете проявить творческий подход и изменить начальную точку отсчета, например, на 90°, как показано слева на рисунке 4–6. В этом случае на первом месте окажется
Рисунок 4–6. Ротация на 90° вызывает вопросы к сортировке данных (слева) и угол поворота по умолчанию 0° (справа).
Ошибка 2. Детали (иерархический вид)
В начале главы, когда мы создавали круговую диаграмму, мы разместили данные в полях Условные обозначения и Значения (рисунок 4–2). Однако, необходимо рассмотреть еще одно поле – Подробнее (Details). Оно позволяет создавать иерархическое представление. На рисунке 4–7 мы видим структуру продаж по категориям: каждая категория обозначена своим цветом. Внутри категории разделены на более мелкие сегменты – подкатегории.
Рисунок 4–7. Неупорядоченное представление иерархических данных.
Мы понимаем, что обычная круговая диаграмма может показаться слишком простой, и кому-то захочется добавить в нее больше информации. Но, как мы видим, при добавлении деталей диаграмма становится перегруженной – слишком узкие сегменты, много подписей данных и часть из них сокращается или не отображаться совсем. К тому же, сегменты подкатегорий внутри категорий можно отсортировать только в алфавитном порядке, что не позволяет анализировать информацию должным образом.
Такое представление может быть эффективным только в том случае, если каждая категория содержит 2–3 категории, не больше. Мы могли бы создать такой учебный пример, но на практике с подобным сценарием мы не сталкивались. Второй уровень иерархии всегда содержит более 10 элементов, и они не помещаются на круговой или кольцевой диаграмме. Для этих целей существуют другие типы диаграмм, которые мы рассмотрим в следующих главах.
Резюме
Круговая и кольцевая диаграммы имеют одинаковый смысл – визуализируют структуру для небольшого числа категорий (обычно не больше 6). Диаграммы строятся по одинаковым параметрам и отличаются только тем, что кольцевая имеет пустое пространство внутри. У них нет осей Х и Y и для их настройки достаточно сделать 4 простых шага.
Чек-лист для круговой / кольцевой диаграммы
1. Настроить метки данных: категория и процент от общего.
2. Удалить легенду, которая дублирует информацию в метках данных.
3. Настроить внутренний радиус (для кольцевой диаграммы).
4. Отредактировать название диаграммы.
Помимо этих настроек есть еще 2 параметра с которыми нужно быть осторожными:
* Поворот. Всегда оставляйте угол поворота по умолчанию 0° (другими словами на 12 часов).
* Детали. Мы не рекомендуем добавлять подкатегории внутри секторов диаграммы. С ними она становится перегруженной, а подкатегории – неупорядоченными.
Скачать pbix файл с настроенными визуалами
Глава 5. Тримап
Для отображения структуры в нашей азбуке визуализации есть еще один визуал – тримап (от англ. treemap – диаграмма дерева). Если раньше на секторы мы нарезали круг, то теперь это прямоугольник. Благодаря тому, что мы заполняем данными всю область диаграммы, на тримап помещается больше элементов, чем на круговой диаграмме. На рисунке 5–1 вы видите структуру продаж по подкатегориям.
Рисунок 5–1. Тримап для одного уровня подкатегории.
Но какое отношение это имеет к деревьям? Изначально тримап применялся к иерархическим данным, имеющим древовидную структуру. Каждая ветвь этого "логического дерева" представлена прямоугольником, который затем делится на меньшие прямоугольники, чтобы показать подветви. В конце предыдущей главы мы не рекомендовали заполнять поле Детали и вводить подкатегории для круговой диаграммы, поскольку это перегружает ее информацией (рисунок 4–7). Трипам же можно использовать для такой задачи. На рисунке 5–2 видно, что примерно ⅔ продаж приходится на аксессуары, и это дает представление о доле каждой подкатегории.