Отчёт отдела продаж: как уместить 4 метрики на одном графике

Для контроля эффективности команды продаж я использую график с накладывающимися друг на друга плоскостями. Он помогает отслеживать динамику сразу четырёх ключевых метрик (звонки, КП, встречи, сделки) и наглядно видеть, как они связаны между собой.

По своей сути — это классическая воронка продаж, но визуализированная не статично, а в движении, во временной развертке.

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

На первый взгляд, схема элементарна. Но без грамотной стилизации стандартный инструмент Excel выдал бы вот такую картину:

Стандартные настройки предлагают тяжелые, насыщенные оттенки, перегружающие взгляд. Я же выбираю легкую, светлую палитру, которая кодирует стадию «прогрева» клиента — от ледяных холодных звонков до жарких контрактов. При этом оттенки ярко контрастируют, упрощая анализ взаимосвязей.

Чтобы визуально разделить четыре разных показателя, мы отказываемся от вида «доля в композиции» в пользу теней. Именно тени придают графику выразительность. Плоскости начинают восприниматься как отдельные объекты, парящие друг над другом.

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

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

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

Заливка пространства между линиями добавляет наглядности, делая акцент на иерархии бизнес-процессов. Приём не универсален, но на дашбордах и в отчетах смотрится как дорогое кастомизированное решение.

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

Разберем создание по шагам. Начинаем с примитивного стандартного графика.

Для практики качайте учебный файл.

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

Тюнинг внешнего вида

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

Задаем нашим слоям легкие, сочные и современные цвета. Каждому ряду — свой уникальный код:

• Звонки — #5CB7F9;
• Коммерческие предложения (КП) — #45E5A8;
• Встречи — #FEAA5B;
• Контракты — #FD536C.

Игра с тенями

Чтобы добавить графику объема и воздуха, наложим тени на плашки, которые находятся снизу. Начнем с уровня «Коммерческие предложения» (КП). Установим цвет тени #215F9A — этот глубокий оттенок визуально приподнимет верхний слой.

Повторим манипуляцию для уровня «Встречи», но здесь уже возьмем для тени черный цвет.

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

Колдуем над легендой

С помощью настроек сдвинем легенду так, чтобы она могла наползать на поле графика, и чуть приподнимем её. Это расширит полезное пространство и сделает восприятие данных чище.

Сетка

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

Работа с вертикальной осью

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

Чистота поля построения

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

В этой диаграмме мы осознанно отказались от прозрачности, так как каждый слой занимает свою высоту. Четыре показателя существуют на одной оси и показывают четыре грани активности менеджеров в движении.

График позволяет считывать взаимное влияние показателей. Легенда, выстроенная вертикально от холодного синего к горячему красному, лишь подкрепляет иерархию заливки слоёв.

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

Скачайте готовый Excel-шаблон для быстрого внедрения.

Добавьте инструкцию в закладки браузера — в нужный момент будет под рукой.