3 фатальные ошибки диаграммы «План-Факт», или Как уместить два показателя

Два параметра, и у каждого — план и реальность. Итого четыре метрики, которые отчаянно просятся на одно полотно. Задача со звездочкой, особенно если речь о ежемесячном дайджесте продаж.

Мы хотим видеть динамику живых денег и подписанных договоров, причем одновременно и в плане, и по факту.

Что ж, Excel по-старинке предлагает нам вот такое унылое зрелище:
Стандартный график, который хочется поскорее закрыть

Ошибка №1. Свалка из линий

Я уже не раз говорил и повторю снова: больше трех линий на одном поле — это визуальный шум, а не аналитика. Сейчас у нас четыре невыразительные кривые, в которых показатели слиплись. Где здесь выручка, а где контракты — непонятно.

Лечение. Разводим сущности по разным формам. Денежный поток оставляем линиям, а договоры выделяем столбцами. Так мы на уровне инстинктов группируем данные и убираем кашу.
Гениальное разделение: линии — рубли, столбцы — штуки

Ошибка №2. Уравниловка на осях

Кидать миллионы рублей и штуки контрактов на одну вертикальную ось — моветон. Это снова сбивает с толку, потому что категории разной природы. Ваша выручка исчисляется в миллионах, а договоры — в единицах. Им нужна персональная шкала.

Лечение. Вводим вспомогательную ось и балансируем их друг относительно друга (технику покажу ниже).
У каждой метрики — своя система координат

Ошибка №3. Безликость и немота

Две оси — это палка о двух концах. Они решают вопрос математики, но добавляют хаоса в восприятие. Теперь совершенно непонятно, слева или справа смотреть значение конкретного столбца или линии.

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

Финальный штрих: «сажаем» график на глубокий темный фон и перекидываем легенду, чтобы разгрузить низ. Так рождается глубокая, air-прозрачная диаграмма, от которой взгляд аудитории не оторвется.
Прямые подписи вместо ребуса с осями. Элегантно и ясно

ПОШАГОВАЯ ИНСТРУКЦИЯ

🤍 Сохраните в закладки. Вот увидите, пригодится в самый неожиданный момент.

Пройдем этот путь от начала до конца. Для тренировки используйте учебный файл.

Этап первый. Собираем каркас

1. Закидываем на лист базовый линейный график — это наш фундамент.
Вставка линейного графика
2. Вводим специальный вспомогательный ряд. Он понадобится для кастомных подписей.
Вводим вспомогательный ряд
3. Распределяем роли каждому ряду:
  • «Выручка план» — классический график (сплошная линия).
  • «Выручка млн. р.» — график с выразительными маркерами.
  • «Договоры план» и «Договоры факт» — гистограммы, вынесенные на вспомогательную ось.
  • Ряд «-» — особая область для заливки фона.
Распределяем роли
4-6. Настраиваем магию осей. По вертикальной оси устанавливаем потолок в 90, по вспомогательной — 100. По горизонтали захватываем диапазон будущих периодов, форматируем даты как «МММ».
Настраиваем магию осей
Настраиваем магию осей
Настраиваем магию осей

Этап второй. Доводим до блеска

7-8. Границу области (ряд «выручка млн. р.») задаем в глубоком зеленом (#4EB74F). Маркеры красим в цвет грядущего фона (#1D2226), чтобы они сияли на контрасте.
Тонкая настройка стилей и заливки
Тонкая настройка стилей и заливки
9. Внутренность области заливаем зеленым градиентом, сводя прозрачность к нулю книзу. Это создаст тот самый воздушный эффект.
Внутренность области заливаем зеленым градиентом
10. Линии плана по выручке делаем узнаваемым пунктиром, цвет — #5DFEBE.
Оформление плавной линии

ИТОГ

Микс из разных типов графиков — это искусство упаковать максимум данных в одно пространство без визуальной гильотины.

Финансы и контракты, разведенные по своим осям и формам, сохраняют логическую связь, но не слипаются. Запомните главное правило хорошего тона: скрыли вертикальные оси — вывели значения прямо на поле, в маркеры.

Кстати, этот график пока без акцентов и выводов. Как считаете, что случилось с компанией в мае? Напишите свое аналитическое резюме в комментариях.
Грамотный микс графиков упрощает сложное
Полезное
📥 Качайте готовый шаблон в Excel. Только вставьте свои цифры.

💗 Жмите закладку в браузере. Магия должна быть всегда под рукой.

Сотни фишек и дизайн-кода в моей книге «Магия диаграмм». Откройте её — и ваши отчеты заговорят.