Как на одной диаграмме собрать динамику двух метрик и план по месяцам

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

Вот с чем мы имеем дело в исходном, стандартном Excel:
Стандартная гистограмма Excel
Согласитесь, выглядит пока утилитарно. Но стоит добавить осмысленный дизайн и правильную цветовую структуру — и та же самая таблица превращается в управленческий инструмент.
Финальная версия диаграммы

Что именно мы изменили?

Главный секрет — цвет. Мы взяли два контрастных оттенка: холодный фиолетовый для звонков и теплый, энергичный оранжевый — для тест-драйвов. Такое сочетание работает как визуальный нарратив: фиолетовый символизирует старт, первоначальный контакт, а оранжевый — следующий этап, «прогрев», шаг к покупке. Плановые звонки оформили тем же фиолетовым, но с прозрачностью 70%: так план выглядит родственным фактическим звонкам, но не перетягивает на себя внимание — сразу ясно, что перед нами задумка, а не реальность.

Цель графика неизменна: показать динамику, взаимосвязь между звонками и тест-драйвами и зафиксировать план на будущие месяцы.

Кстати, тема «план/факт» — одна из моих любимых. Я подготовлю по ней отдельный детальный разбор с внушительным набором реальных кейсов.

Где такая диаграмма работает лучше всего

  • Ежемесячный отчет отдела продаж. Здесь она раскрывается в полную силу: вы мгновенно видите, насколько менеджеры выполняют план по звонкам и сколько встреч-тест-драйвов удалось назначить. Руководитель получает единый срез эффективности команды — видит и провалы, и точки роста.
  • Дашборд. Разместите такую диаграмму на рабочем столе руководителя отдела или аналитика в режиме реального времени — и она превратится в пульт управления. Текущие показатели всегда перед глазами, а значит, корректировки можно вносить здесь и сейчас.

Почему цвет так важен

Правильно подобранный цвет — это не украшательство, а ускоритель верного решения. У меня сложилась простая, железная логика кодирования:
  • Синий — для количества: штук, тонн, кубометров.
  • Зеленый — для финансов: доллар исторически зеленый, и мозг считывает это мгновенно.
  • Теплые цвета (оранжевый) — активность, прогресс, успех.
Такой интуитивной схемой вы программируете восприятие: пользователь моментально, без расшифровки понимает, как идут дела по каждому показателю. Тема цветового кодирования на больших дашбордах — это вообще отдельная мощная тема, я обязательно вернусь к ней в ближайших публикациях.

Пошаговая инструкция: от серой заготовки до стильного отчета

Сохраните эту инструкцию в закладки — она точно пригодится, когда понадобится быстрый и изящный апгрейд отчета. А теперь пройдемся шаг за шагом. Начнем с создания основы.

Чтобы потренироваться, сначала скачайте учебный файл.
Процесс вставки стандартной гистограммы
Тонкая настройка столбцов

Оформляем столбцы так, чтобы соседние показатели читались четко и без напряжения.
Открываем «Форматирование ряда данных»
Первому ряду задаем цвет #652CD3.
Установка пользовательского цвета столбцов
Ряд «Тест-драйвы», отвечающий за результативность отдела, выделим сочной градиентной заливкой — от #F68D29 к #F9B70E.
Установка градиентной заливки столбцов
Для ряда «Звонки план» используем корпоративный лиловый #652CD3 и делаем его полупрозрачным. Вуаля: визуальная связь между фактом и планом по звонкам налицо, а перегруза данными нет.
Настройка прозрачной заливки столбцов
Завершаем наведение красоты: выставляем параметры наложения рядов и задаем боковой отступ, чтобы диаграмма дышала и выглядела гармонично.
Редактирование параметров столбцов
Подписи данных: цифры должны быть перед глазами

Выводим метки данных прямо над столбцами.
Вставка меток данных
Настраиваем формат меток для каждого ряда — так считывать показатели станет еще проще.
Форматирование текста меток данных
Убираем лишнее: чистый взгляд на главное

Скрываем вертикальную ось — она лишь множит визуальный шум. Убираем основные горизонтальные линии сетки, делая фон диаграммы воздушным.
Убираем основную вертикальную ось
Легенда на своем месте

Перемещаем легенду вверх.
Перемещение легенды вверх
Аккуратно поправляем ее положение, чтобы она не слипалась с заголовком диаграммы.
Корректируем размещение легенды
Финальные штрихи

Регулируем размер диаграммы так, чтобы она легко вписывалась и в презентацию, и в распечатанный отчет.
Меняем размер диаграммы

Результат, который говорит сам за себя

Из скучной стандартной заготовки мы сделали стильную, информативную диаграмму. Она достойна места и в слайде топ-менеджменту, и на бумаге формата А4. Выбранный визуальный стиль не разобщает, а объединяет показатели, делая очевидной их взаимозависимость. Сразу видна группировка фактических метрик и то, как они соотносятся с планом.
Эффектная контрастная диаграмма
В копилку инструментов
Скачайте готовый шаблон Excel — останется лишь заменить цифры на свои. И не забудьте добавить инструкцию в закладки: она выручит в нужный момент.

Гораздо больше о том, как делать отчеты и презентации красивыми и понятными, вы найдете в моей книге и на сайте.