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

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

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

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

Диаграммы стоят одна под другой чтобы была общая ось времени. Обратите внимание, как прекрасно Excel может создавать временную ось. Указаны месяцы и даты начала недель. Это удобный формат оси для длительных временных периодов. Если вас интересует построение временных осей рекомендую обратить свое внимание на файл: Шаблон оси времени.

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

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

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

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

В нашем графике 5 линий, в стандартном выполнении они слишком грубые и громоздкие. Исправим это форматированием.

Цветовая схема графиков будет подобрана исходя из уровня подогрева трафика. Поиск будет окрашена самым холодным цветом #3C0C9B. Легкости линии добавит уменьшенная толщина линии и сглаживание углов.

Для линии "Реклама" установим цвет - #5FE4C7. Также применим настройки линии.

Для "Прямых заходов" установим самый теплый цвет палитры #FF3937.

Линию "Ссылки" установим цвет #FFD966.

Для самого нижнего ряда "Соцсети" выберем цвет #F55BDA.

Настроим расположение и оформление заголовка.

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

Освободим место в верхней части диаграммы, уменьшив высоту области построения.

Скорректируем размеры текстовых элементов поля для улучшения общего вида.

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

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

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

Также добавим пояснительную надпись

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

Копируем получившуюся диаграмму для создания второй части с областями.

Добавим ряд "min", который будет отметкой минимального количества клиентов.

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

Сменим тип всех рядов, кроме "min" и "plan", на "С областями с накоплениями".

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

Добавим подпись данных для первой точки линии.

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

В оформлении ряда "min" используем темно-красный цвет, это обозначит критичность точек находящихся ниже. Как и для "plan", установим штриховую линию.

Добавим подпись для первой точки ряда.

Настроим подпись "min" по инструкции на скриншоте.

Начнем оформление областей с верхней области "Соцсети". Установим сиреневый цвет, который был ранее выбран для линии.

Светло-желтый цвет применим к области "Ссылки".

Область "Реклама" и последующие больше по площади, поэтому для них зададим градиентную заливку. Градиент области "Реклама" будет в цветах #5FE4C7 и #307E8A.

Область "Поиск" окрасим градиентом от цвета #3D78F9 до цвета #3C0C9B.

Для области "Прямые заходы" установим горячий градиент от #FCA02F до #FF3937.

Уберем границы областей окрашенных градиентом областей "Прямые заходы", "Поиск" и "Реклама".

Заменим заголовок на соответствующий наполнению.

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

Линия, которой мы отметили момент смены подрядчика, стала акцентом и говорит:

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