Каждый договор как на ладони: Визуализируем штучные сделки без скучных столбиков
Как превратить сухую статистику из CRM в историю, где видна каждая подпись клиента? В B2B-сегменте счет контрактов часто идет не на сотни, а на единицы. Грешно прятать такую эксклюзивность в безликие столбцы. Я покажу вам схему, где один договор равен одной полосе. Вы больше не смотрите на абстрактную кучу — вы видите структуру бизнеса во времени.
Нативная B2B-визуализация: структура портфеля и каждый договор в разрезе месяцев
В чем цимес этой графики? Разбираем механику
Техническое задание ставил лично директор: «Хочу видеть не просто сумму, а физику — сколько именно крупных и средних контрактов мы закрыли в этом месяце».
Главный секрет дизайна — отказ от стандартной заливки. Мы заменили градиенты и сплошной цвет на паттерн из линий.
Всмотритесь: количество черточек внутри столбца строго равно количеству заключенных сделок. Никакой иллюзии — только чистый учет. Три полоски? Значит, месяц закрыли тремя договорами.
Магия в деталях: Каждая черта — это отдельное соглашение, а не просто декор
Базовая гистограмма с накоплением прекрасно отвечает на вопрос «Из чего состоит месяц?», но хромает в подаче итогов. Вы не можете просто взять и прикрутить сверху общую цифру — стандартный инструментарий не дает.
Но мы не ищем легких путей. Лайфхак — комбинирование графиков. Мы вводим в игру вспомогательный ряд «Итого», переводим его в тип «Линия» и делаем полностью прозрачным. Тело линии исчезает, а её подписи остаются. Именно так мы добавили недостающий слой данных.
Ювелирная работа: выводим итоговое число поверх структуры с помощью скрытого графика
Визуал здесь играет строго на повышение читаемости:
Цветовая иерархия. Мы применили интуитивную шкалу: чем весомее контракт, тем насыщеннее заливка. Мелкие сделки уходят в легкий, светлый тон, не перегружая взгляд.
Контрастный фон. Темная подложка работает как рамка в музее. На ней даже самые тонкие линии «мелочевки» видны кристально четко.
Инженерная легенда. Я расположил расшифровку в столбик — от легких договоров снизу к крупным сверху. Это не просто подпись, это визуальная подсказка, копирующая внутреннюю логику диаграммы.
Сравнение стандартного светлого дизайна Excel и кастомного темного стиля с полосками
Не переключайтесь, сейчас разберем всё по винтикам. Чтобы набить руку, качайте учебный архив — там исходники и картинки для заливки.
Этап 1. Собираем базу и внедряем «невидимку»
1. Вставляем стандартную гистограмму с накоплением.
Вставка диаграммы
2. Назначаем ряду «Итого» тип «График». Этим шагом мы выдергиваем его из столбцов и превращаем в отдельную сущность.
Изменение типа для ряда «Итого»
3-5. Чистим линию итога до прозрачности («Нет линий»), оставляем только сигнальные числовые метки над каждым месяцем.
Формат ряда данных
Заливка/Граница
Добавление меток для графика
Этап 2. Внедряем фирменную полоску
6. Наводим марафет: сжимаем боковой зазор до нуля, чтобы столбцы стали массивными.
Настройка ширины столбцов
7-12. Самое интересное — заливка. Вместо цвета выбираем «Рисунок или текстура» и по очереди подгружаем в каждый структурный ряд файлы «Dia 1», «Dia 2» и «Dia 3» из скачанного архива. Выбираем параметр «Замостить», чтобы линии легли идеально.
Мы ушли от детсадовской раскраски и создали зрелый инструмент для B2B. Точка входа в данные теперь занимает секунды: вы смотрите на «забор» из линий и мгновенно считываете штучное количество закрытых сделок, их градацию по весу и динамику от месяца к месяцу.
Никаких навязчивых выводов — я оставляю пространство для ваших собственных управленческих решений.