Классическая диаграмма состава заказов на основе данных CRM. Это пример из b2b, где в месяц заключается несколько контрактов. Поэтому каждый контракт показан отдельной чертой!

Основная "изюминка" данного дизайна в использовании альтернативного типа заливки столбцов.

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

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.

Эта диаграмма - оптимальная схема структуры заказов, основанная на информации из CRM. Это иллюстрация из b2b, где ежемесячно оформляется несколько соглашений. Поэтому каждое соглашение представлено отдельной линией!

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

Выбран темный стиль и нестандартные оттенки. Чем меньше сумма договора, тем светлее его цвет.

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

Добавим стандартную гистограмму с накоплением для начала работы.

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

Начнем оформление диаграммы с редактирования формата линии.

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

Добавим подписи данных. Теперь они не будут оторваны от столбцов и удобно представят общий результат.

Перейдем к оформлению столбцов. Уменьшим боковой зазор между столбцами, дабы увеличить их ширину.

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

Укажем путь к файлу картинки "Dia 1" для крупных контрактов.

Повторим настройку параметров для ряда "Средние".

Определим путь к изображению "Dia 2" для средних договоров.

Снова проведем настройку параметров для ряда "Мелкие".

Укажем путь к файлу "Dia 3" для мелких контрактов.

Уберем линии сетки, чтобы они не сливались с линиями столбцов.

Для контраста установим темный фон диаграммы.

Скроем линию горизонтальной оси, в ней нет необходимости.

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

Удалим "Итого" из легенды, ведь мы это ряд не визуализируем. Уменьшим высоту легенды - она станет более цельной, уменьшится межстрочный интервал.

Переместим легенду выше и расширим область построения для более рационального использования пространства.

Увеличим высоту вертикальной оси.

А теперь скроем вертикальную ось с поля.

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

Также установим белый цвет шрифта для легенды.

К подписям данных применим полужирное начертание и оттенок белого

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

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

Столбец состоит из крупных, средних и мелких контрактов. Общее количество контрактов за месяц отображено цифрой. Легенда оформлена в столбик, начиная от мелких до крупных контрактов, как в диаграмме.

Применён тёмный стиль и нестандартные оттенки. Чем меньше контракт, тем менее яркий цвет.

Диаграмма не содержит выводов и акцентов - она "молчит".
Чтобы вы добавили к этой диаграмме?

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.