Рисунок 5–3. Проблема со «скрытыми» метками данных.
Построить тримап также просто, как и круговую диаграмму. Начнем с одноуровневого примера: поместите Продажи факт в поле Значений, которое определяет площадь прямоугольника, а Подкатегория продукта в поле Категория. В случае одноуровневой диаграммы вы также можете поместить поле для категории в поле Детализация – в любом случае, у вас получится разноцветный «ковер» как показано на рисунке 5–4.
Рисунок 5–4. Тримап с дефолтными настройками.
Если вы хотите построить диаграмму с группировкой, как на рисунке 5–2, то в поле Категория нужно поместить Категорию продукта, а Подкатегорию продукта перенести в поле детализации или убрать ее и оставить только три разноцветных "кирпичика".
Перейдем к настройке форматирования. Что мы хотим улучшить в дефолтной версии диаграммы (рисунок 5–4)? Во-первых, мы должны добавить метки данных. Без них сложно визуально оценить долю даже самых крупных товаров. Tires and tubes составляют 20 % или 30 % от объема продаж? Доля Road bikes составляет 10 % или 20 %? Во-вторых, диаграмма выглядит слишком яркой, а некоторые секторы настолько светлые, что белый текст на них читается с трудом.
В этом руководстве будет всего несколько шагов, аналогичных тем, что выполняются для круговых диаграмм. Кроме того, мы покажем вам некоторые новые возможности.
Пошаговое руководство для тримапа
Шаг 1. Настроить метки данных
Включаем Метки данных и настраиваем их так, чтобы они были читаемыми и визуально привлекательными. В нашем случае мы увеличили размер шрифта, сделали его жирным и сохранили белый цвет. В вашем случае настройки могут быть другими, например, можно изменить шрифт на Segoe UI Semibold, а размер выставить 10–11 пт. Главное, чтобы значения были как можно заметнее. Нужно иметь ввиду, что если метки не умещаются по размеру в свои сегменты, они не будут отображаться (как это произошло в примере на рисунке 5–5 у сегментов в правом нижнем углу).
Рисунок 5–5. Метки данных для одноуровневого тримапа.
В случае с иерархиями ситуация гораздо сложнее – метка данных объединяется
с подписью подкатегории и занимаем значительно больше места (рисунок 5–6). Наша задача снова заключается в том, чтобы найти идеальное соотношение между читабельностью и размером. Здесь возможны варианты уменьшения шрифта до 9 пт, но обязательно с применением жирного или полужирного шрифта.
Рисунок 5–6. Метки данных для двухуровневого тримапа.
Шаг 2. Изменить тип меток данных (отобразить доли)
Часто в отображении структуры важнее видеть не абсолютный показатель, а долю, которую составляет каждая категория от общего. Если в круговой диаграмме мы могли выбрать один или несколько типов отображаемых меток данных (категория, значение, доля) из выпадающего списка в настройках меток данных, то в тримапе такой опции нет. Здесь мы можем работать отдельно с метками данных исходного поля (в нашем случае это факт продаж в деньгах) и подписью категорий. Как настраивать подписи категорий мы разберем в следующем шаге, а сейчас посмотрим, как же нам изменить тип значений, не вводя при этом дополнительные поля и меры.
В строке значений, там, где сейчас располагается поле Продажи факт, вы видите приставку “Sum of”. Это тип агрегации, который Power BI автоматически выставляет числовым значениям, но мы можем с ним работать. Для этого необходимо нажать на стрелку как показано на рисунке 5–7. В выпадающем списке вы увидите все возможные варианты. Чтобы решить нашу задачу, нам нужно выбрать Показать значение как (Show value as), а затем Процент от общей суммы (Percent of grand total). Теперь значения будут отображаться в процентах от общей суммы. Запомните эту опцию, она пригодится вам в будущем.
Рис 5–7. Настройка режима отображения значений.
В настройках процентных меток данных важно сбросить настройку единиц измерения до Авто или Нет, если вы изменяли ее до этого вручную. Следующим шагом добавьте 1 знак после запятой (рисунок 5–8), если исходная постановка заказчика не требует другого. В результате этих действий мы уменьшили размер подписей данных и, соответственно, читать диаграмму стало легче. При этом, если вам важно видеть здесь и процентные, и абсолютные показатели, вторые вы всегда можете посмотреть во всплывающей подсказке при наведении на какую-либо долю.
Рисунок 5–8. Десятичные знаки для процентных показателей.
Этот шаг не является обязательным. В зависимости от поставленной задачи мы будем настраивать отображение типов меток данных в абсолюте или проценте, но если мы сами решаете, что как будет лучше – мы рекомендуем показывать проценты.
Шаг 3. Настроить метки категорий
Мы изменяем названия категорий, придерживаясь единых правил и стандартов, чтобы сделать их хорошо читаемыми и заметными. К сожалению, как мы уже говорили, даже при самом маленьком размере шрифта последние категории останутся незаметными, если их слишком много. Однако прочитать ключевые категории мелким шрифтом будет непросто. Решите, какой цвет и размер шрифта лучше всего подходит для ваших конкретных обстоятельств.
У вас также есть вариант отключить подписи категорий, если они совсем не умещаются и добавить сверху легенду, но это не лучший вариант – легенда в структурных диаграммах (круговых и тримапе) усложняет восприятие и заставляет читателя “бегать глазами”, чтобы сопоставлять наименования и соответствующие доли. Лучше подберите другой тип диаграммы.
Шаг 4. Настроить цвета
Тримап, содержащий множество категорий, почти всегда выглядит как разноцветный попугай. Самое простое решение этой проблемы, хотя и часто трудоемкое – вручную изменить цвета в меню Цвета (Colors), как показано на рисунке 5–9.
Рисунок 5–9. Параметры цвета.
Другой вариант – использовать Дополнительные элементы управления (Advanced controls) и задать правила настройки цвета, например, градиентную растяжку. Разберем, как это сделать. При нажатии кнопки f(x) (рисунок 5–9) открывается всплывающее окно (рисунок 5-10) со следующими параметрами:
* Стиль формата. Здесь по умолчанию выбран Градиент и мы его оставляем. Другие возможные варианты – настройка по правилам и по выбранному полю. Мы рассмотрим их в главе про таблицы.
* Какое поле мы должны взять за основу? Здесь автоматически выставляется поле числового показателя, на котором построена диаграмма. В нашем случае изменять его не нужно, но часто бывают ситуации, когда форматирование настраивается по дополнительному полю. Тогда мы раскрываем список полей и находим нужное.
* Тип агрегации (Summarization) – позволяет применить к выбранному полю разные автоматические расчеты. Мы оставляем Sum.
* Как форматировать пустые значения (How should we format empty values?). Бывают ситуации, когда в исходных данных строки значений пустые (не 0, а именно “Пусто”). Здесь можно выбрать как мы хотим их видеть. В случае с тримапом такие значения вообще не будут попадать на диаграмму, но в таблице, например, они будут отображаться. По умолчанию они будут форматироваться как 0 (который, в зависимости от диапазона значений, попадает в определенный цвет по шкале внизу). Но, в большинстве задач, пустые значения не требуют форматирования. Для этого есть соответствующая строка Не форматировать (Do not format).
* Минимум – самый светлый цвет. Можно оставить автоматическое определение минимального значения из набора данных или выставить значение вручную. Цвет задан по умолчанию примененной темой, но мы можем его изменить.
* Максимум – самый темный цвет. То же самое, что для минимума.
* Добавить средний цвет (Add a middle color). Если растяжки одного цвета не хватает или хочется добавить другие оттенки, можно нажать эту галочку и между минимум и максимумом появится еще одно поле с настройкой значения и цвета.
Рисунок 5-10. Окно всплывающего меню для настройки градиента.
Мы оставили все настройки как они есть по умолчанию (рисунок 5-11). Все цвета, кроме самых крупных блоков слишком светлые и вся правая часть сливается в одно целое. К тому же, перестали читаться подписи, настроенные ранее контрастным белым.
Рисунок 5-11. Градиент тримапа, полученный по умолчанию.
Чтобы сделать тримап ярче, мы изменим цвета для градиента. Вместо растяжки от светло-голубого к синему, мы выставим цвета на 2–3 оттенка темнее (рисунок 5-12). Минимальный цвет нужно задавать таким, чтобы метки данных на нем оставались читаемыми.
Рисунок 5-12. Тримап с градиентом и выделением более ярких цветов.
Сейчас попробуем внести некоторое разнообразие и добавить промежуточный цвет посередине. Для среднего и максимального значения мы выберем яркие оттенки фиолетового, а для минимального используем нейтральный серый, светлее по тону среднего фиолетового, но, тем не менее, насыщенный (рисунок 5-13). В результате мы получим больше контраста для секторов с небольшими долями.
Рисунок 5-13. Тримап с градиентом и средним цветом.
Сильные и слабые стороны тримапа
Давайте подведем итоги. Тримап – это хорошая альтернатива круговым диаграммам. По сравнению с ними она имеет ряд преимуществ:
