Два параметра и два плана – это уже четыре показателя на одной диаграмме. Рассмотрим эту задачу на примере ежемесячного отчета по продажам.
Наша цель – отобразить динамику денежных поступлений и заключенных контрактов в разрезе фактических и плановых значений.
В стандартном представлении мы получим такой незамысловатый график:
Ошибка 1. Смешивание показателей
Из прошлых статей, вы уже знаете, что я не рекомендую размещать более трех линий на одном поле. Кроме того, сейчас нет визуального разделения двух показателей, есть 4 невзрачных линии.
Как исправить? Разные сущности покажем разными формами.
Линиями покажем деньги, а столбцами договоры. Там мы визуально сгруппируем показатели и избежим нагромождения.
Ошибка 2. Одна ось
Отображение всех параметров на одной оси снова смешивает категории. Выручка - миллионы рублей, договоры - штуки. Необходимо добавить вспомогательную ось и сбалансировать их между собой (см инструкцию ниже).
Ошибка 3. Отсутствие подписей и скучный дизайн.
Две оси, хоть и балансируют ряды между собой, добавляют путаницы. Не понятно слева или справа искать значение столбиков и линий.
Скрываем вертикальные оси, так как две оси всегда вводят в заблуждение. Добавляем подписи, чтобы цифры плана и факта по договорам не пересекались план сделан чуть сбоку столбика серым цветом.
Для акцента добавим темный фон и сместим легенду, дабы избежать нагромождения в нижней части диаграммы. И получаем интересную и понятную диаграмму, которая не оставит равнодушными вашу аудиторию.
Полезное
📥 Скачать готовый шаблон в Excel, в который нужно подставить свои цифры.
Пошаговая ИНСТРУКЦИЯ
🤍 Поставьте закладку в браузере - обязательно когда-нибудь пригодиться.
Пройдем этапы создания шаг за шагом. Сначала создаем стандартный график. Чтобы потренироваться скачайте учебный файл:
Построение диаграммы
1. Добавляем стандартный линейный график как основу.
2. Добавляем дополнительный ряд для подписей данных.
3. Назначаем типы диаграмм:
- "Выручка план" - график
- "Выручка млн. р." - график с маркерами
- "Договоры план", "Договоры факт" - гистограммы на вспомогательной оси
- "-" - область.
4-6. Настройка осей. Максимум для вертикальной оси 90, для вспомогательной 100. Добавим значения для будущих периодов по горизонтальной оси, форматируем как "МММ".
Стилизация линий и области
7-8. Для границы области (графика "выручка млн. р.) выберем зеленый цвет (#4EB74F), а маркеры окрасим в цвет будущего фона (#1D2226).
9. Градиентом зеленого цвета окрасим область с максимальной прозрачностью внизу.
10. Линия "Выручка план" сделаем пунктирной, цвет #5DFEBE.
🕒 Полная пошаговая инструкция
Результат
Комбинирование разных типов графиков помогает наглядно представить больше данных на одном пространстве, избежав визуальной перегрузки.
Разместив финансовые данные и контракты на разных осях и разными графиками, мы добились разделения показателей, сохранив между ними связь. Чтобы избежать путаницы, вертикальные оси лучше скрыть, а значения вывести прямо в маркерах.
Этот график не содержит акцентов и комментариев. Какие выводы вы бы сделали о работе компании в мае?
Полезное
📥 Скачать готовый шаблон в Excel, только подставить свои цифры.
💗 Поставьте закладку в браузере - обязательно когда-нибудь пригодиться.
ДРУГИЕ ДИАГРАММЫ ДЛЯ БИЗНЕСА
Еще 4 примера практичных диаграмм:
Много фишек и идей дизайна в моей книге "Магия диаграмм".