Деньги, звонки и договоры: как упаковать три показателя в одну диаграмму без визуального хаоса

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

Исходящие звонки менеджеров → Подписанные договоры → Денежный поток компании.

Задача аналитика или руководителя отдела — не просто свести цифры в таблицу, а упаковать их в кристально ясную визуализацию.

Можно ограничиться стандартным инструментарием Excel:

А можно построить элегантную комбинированную диаграмму, где все три метрики работают как единый механизм.

Каждый элемент здесь говорит на своем графическом языке, не перебивая соседа:

• Договоры — приземленные столбцы (база);
• Звонки — легкая пунктирная линия (активность);
• Оборот — доминирующая область-поверхность (главный итог).

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

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

Двойные оси мы безжалостно убрали. Соседство «млн руб.» и «штук» на одном поле всегда сбивает с толку и перегружает периферийное зрение. Лучший рецепт — вынести данные в маркеры и скрыть оси полностью. В инструкции показан этот трюк.

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

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

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

Сохраните страницу в закладки — вы вернетесь к ней в самый нужный момент.

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

1. Создаем базу.

Строим линейную диаграмму как основу для будущей композиции.

2. Выделяем денежный поток площадью.

Деньги — наш ключевой KPI, он должен лежать фоном для звонков и договоров. Так как обычная «Область» не дружит с точечными метками, мы добавляем дублирующий график специально для оборотных средств.

3. Назначаем роли каждому ряду.

В конструкторе задаем типажи: для «Оборота, млн р.» выбираем «Область с маркерами», «Звонки» оставляем линией, а «Договоры» превращаем в столбцы. Для «Оборота» тут же включаем вспомогательную ось.

4. Наводим лоск на оборот.

Сначала модифицируем график, образующий нашу поверхность. Полностью убираем соединительную линию, оставляем только маркеры. Окрашиваем их в благородный зеленый (#839D78), границу маркера делаем белой.

5. Добавляем трендовые линии.

Они нужны для визуальной связки маркеров с периодами. Цвет задаем градиентом.

6. Донастраиваем маркеры.

Первый делаем оттенка #F0F8FD, второму задаем белый цвет с абсолютной прозрачностью (100%). Это создаст эффект нарастающей, восходящей волны на старте.

7. Проекционные линии.

Подключаем линии проекции на ось Х.

8. Градиент проекции.

Настраиваем тонкий переход цвета у проекционных линий.

9-10. Наполняем область.

саму поверхность градиентом: верх (там, где деньги) — зеленый, под цвет маркеров; низ (у основания столбцов) — спокойный светло-коричневый (#DBD6BA). Этот прием разгружает нижнюю часть композиции и не дает ей спорить со столбцами.

11. Воздушная динамика.

Назначаем звонкам насыщенный индиго (#374069), а линию делаем пунктирной. Динамика видна, а визуальный вес снижен — она не давит на главное.

12. Точки касания.

Маркеры окрашиваем в тот же индиго, окантовка — белая.

13. Боковой зазор.

Увеличиваем зазор, чтобы столбцы стали стройными и аккуратными.

14. Цветовой акцент.

Красим столбцы в мягкий, приглушенный апельсин — #FDA150.

15. Растягиваем масштаб.

Принудительно фиксируем максимум оси на 160, чтобы зрительно вытянуть столбцы и гармонично расположить их в центре листа.

16. Возвращаем плоскость.

Через конструктор отправляем график «Оборот, млн р.» на вспомогательную ось. После смены масштаба это вернет область и остальные графики в единую композиционную плоскость.

17-18. Метки для «Оборота».

Размещаем значения над линией тренда. Шрифт — полужирный, цвет строго по цвету линии.

19-20. Метки для «Звонков».

Количество звонков уводим строго вниз под линию, чтобы избежать столкновений. Цвет текста — в тон пунктиру.

21-22. Метки для «Договоров».

Помещаем внутрь столбцов, выравнивая ближе к верхнему краю. Текст — черный, массивный, для идеального контраста с оранжевой заливкой.

23. Фон.

Устанавливаем теплый песочный цвет подложки (#F7E9CF). Убираем визуальный мусор.

24. Скрываем вертикальную ось.

Делаем цвет шрифта делений идентичным цвету фона.

25. Скрываем вспомогательную ось.

Повторяем операцию, растворяя ось в подложке.

26. Сетка.

Удаляем горизонтальные линии сетки.

28. Легенда долой.

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

29. Ужимаем область.

Уменьшаем область построения, чтобы освободить воздух по краям.

30. Доводим заголовок.

Укрупняем и слегка смещаем вниз, чтобы он парил в центре внимания, а не залипал на рамку.

Перед вами — многослойная, но легкая для восприятия комбинированная диаграмма. Она филигранно объединяет воронку продаж: от усилий на уровне звонков до зафиксированной прибыли в заключенных договорах.

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

Скачать готовый шаблон в Excel.

Сохраните инструкцию в закладки — она не раз спасет ваш отчетный период.

Эти и десятки других приемов — на сайте «Магия диаграмм». А погрузиться в настоящее волшебство визуализации можно с помощью моей книги.