Сводный отчет с диаграммой и графиком дашборд из таблицы Excel

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

Как сделать сводный отчет с визуализаций данных по таблице Excel

Для освоения примера создания дашборда в Excel смоделируем ситуацию. Из CRM системы были выгруженные в файл Excel через экспорт данных статистические показатели взаимодействия фирмы с ее клиентами:

1. Уровень сервиса.
2. Уровень качества.
3. Продуктивность.

Все значения показателей относительны и поэтому измеряются в процентом соотношении к максимально возможному результату. Формировалась данная статистика в CRM системе – ежедневно на протяжении двух с половиной лет. А точнее отчетный период охватывает промежуток времени между датами: с 01.01.2019 по 31.07.2021 (2,5 года). Все статистические данные находятся в одной большой таблице аж на 3773 строки:

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

Решим поставленную задачу в 3 шага:

1. Подготовка исходных данных.
2. Обработка значений для визуализации.
3. Динамическая визуализация данных.

Шаг первый – подготовка данных для создания дашборда в Excel

Для подготовки данных нам необходимо лишь добавить один столбец с формулами к таблице на листе «Данные». В данном столбце с заголовком «Месяц» формула преобразует исходные даты в соответственное им названия месяцев, сокращенные до 3-х символов:

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

Настройка таблиц для элементов управления интерактивного дашборда

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

Шаг второй – обработка исходных данных для диаграмм и графика

Создайте новый лист с именем «Обработка» и заполните его таблицами и значениями также как показано ниже на рисунке:

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

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

Элементы управления динамическими диаграммами и графиком на дашборде

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

Основа и панель управления для дашборда

На листе «Дашборд» нарисуйте большую квадратную фигуру с размерами 17 см. на 25 см. выбрав инструмент: «ВСТАВКА»-«Иллюстрации»-«Фигуры»-«Прямоугольник».

Создаем новый элемент основы с размерами 1,5x25 см., для этого выберите инструмент: «ВСТАВКА»-«Текст»-«Надпись»:

Для быстрого оформления верхней надписи основы дашборда воспользуйтесь готовым решением из ее дополнительного меню: «СРЕДСТВА РИСОВАНИЯ»-«ФОРМАТ»-«Стили фигур»-«Стильный эффект: Черный, темный 1».

Добавляем основу для панели управления дашбордом рисуя снова прямоугольник с размерами высоты 15,45 см на 3,85 см ширины и придаем ему такой же стиль оформления, как и для надписи:

Блок кнопок для управления показателями по регионам

Далее на панели управления дашбордом создаем первый блок кнопок меню из прозрачного прямоугольника (размером 4,6 x 3) и надписью «РЕГИОН»:

Для удаления заливки прямоугольника выбираем опцию из меню: «СРЕДСТВА РИСОВАНИЯ»-«ФОРМАТ»-«Стили фигур»-«Заливка фигуры»-«Нет заливки». И здесь же изменяем цвет контура «Контур фигуры»-«Цвет белый».

Такими же инструментами настраиваем цвет заливки и контура для надписи. А в разделе инструментов: «ГЛАВНАЯ»-«Шрифт» задаем белый цвет шрифта и размер 11 пунктов.

Теперь переходим непосредственно к созданию самих кнопок. Выберите инструмент: «РАЗРАБОТЧИК»-«Элементы управления»-«Вставить»-«Переключатель»:

Рисуем первую кнопку переключатель с размерами 0,7 x 2,75 см. Затем двойным щелчком по тексту изменяем сам текст. После кликаем правой кнопкой мышки по кнопке переключателя и выбираем из появившегося контекстного меню опцию «Формат объекта». В появившемся диалоговом окне «Форматирование объекта» на вкладке «Элемент управления» в поле ввода «Связь с ячейкой:» указываем внешнюю ссылку на лист: =Обработка!$B$1. Дальше создаем еще 3 копии этой кнопки и подписываем их текст соответственно как показано выше на рисунке.

Таким образом внешней ссылкой мы создали первое подключение данных к элементам управления «Переключатели». По этой ссылке будут передаваться переменные значения для интерактивной обработки данных.

В зависимости от того какой выбран переключатель в ячейку Обработка!$B$1 будут передаваться переменные числовые значения от 1, 2, 3 или 4. Эти числа будут использованы в формулах на том же листе «Обработка».

Блок срезов временных периодов по годам

Следующий блок кнопок будет создан по другому принципу, но он также будет связан с листом «Обработка». Поэтому сразу переходим на данный лист и выделяем диапазон ячеек A16:C19, а затем выбираем инструмент: «ВСТАВКА»-«Таблицы»-«Таблица» CTRL+T:

В появившемся окне «Создание таблицы» просто нажимаем ОК. И сразу нам доступно ее дополнительное меню где отмечаем галочкой опцию: «РАБОТА С ТАБЛИЦАМИ»-«КОНСТРУКТОР»-«Параметры стилей таблиц»-«Строка итогов» CTRL+SHIFT+T. В строке итогов созданной таблицы под вторым столбцом выбираем опцию «Минимум», а под третьим – «Максимум».

Для создания блока кнопок управления привязанных к этой таблице выберите инструмент: «РАБОТА С ТАБЛИЦАМИ»-«КОНСТРУКТОР»-«Сервис»-«Вставить срез»:

В появившемся окне «Вставка срезов» отмечаем только одну первую галочку на против опции «ГОД» и жмем ОК. Для быстрого форматирования среза задаем ему готовый стиль: «ИНСТРУМЕНТЫ ДЛЯ СРЕЗА»-«ПАРАМЕТРЫ»-«Стили срезов»-«Серый цвет другой 1». И на конец указываем в параметрах среза размеры «Высота:»-3,33 см и «Ширина:»-3 см.

Очередной блок кнопок для панели управления дашбордом – ГОТОВ! Переносим его на главный лист с именем «ДАШБОРД» и красиво размещаем под первым блоком элементов управления (переключатели).

Выпадающий список для выбора месяца

Переходим к созданию следующего блока элементов управления на листе «ДАШБОРД». Копируем прямоугольник и надпись с первого блока кнопок-переключателей и вставляем под срезом. Надпись переименовываем на «МЕСЯЦ» высоту прямоугольника уменьшаем до 2см.

Внутрь прямоугольника нового блока размещаем новый элемент: «РАЗРАБОТЧИК»-«Элементы управления»-«Вставить»-«Поле со списком». Рисуем поле с размерами 0,7 см на 2,8 см:

Кликаем правой кнопкой мышки по элементу поле, из контекстного меню выбираем опцию «Формат объекта». В появившемся окне «Форматирование объекта» на вкладке «Элемент управления» указываем внешние ссылки для связи с обработкой данных. Изменяем 3 параметра:

1. «Форматировать список по диапазону:» – здесь указываем внешнюю ссылку на диапазон ячеек с трехсимвольными названиями месяцев, из которого будут взяты значения для поля: =Обработка!$A$3:$A$14.
2. «Связь с ячейкой:» - в этом поле ввода указываем внешнюю ссылку на ячейку куда будет передаваться параметр переменного числового значения (от 1-го и до 12-ти) для обработки данных: =Обработка!$A$1.
3. «Количество срок списка:» - в этом поле ввода мы указываем сколько будет выводиться опций в элементе без полосы прокрутки. Значение 12 так как у нас 12 сокращенных названий месяцев.

Блок управления отображением показателей на графике

И наконец последний блок кнопок управления. Создаем его на основе прямоугольника и надписи из предыдущих блоков, просто скопировав их. Текст надписи изменяем на «ПОКАЗАТЕЛИ», а в прямоугольнике изменяем высоту на 3,8 см. Внутри прямоугольника 4-го блока размещаем новые кнопки воспользовавшись инструментом: «РАЗРАБОТЧИК»-«Элементы управления»-«Вставить»-«Флажок». Создаем 3 кнопки типа флажка с размерами 0,7 x 2,75 см и подписываем их так как показано на рисунке ниже:

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

• Сервис: =Обработка!$H$1
• Качество: =Обработка!$I$1
• Производительность: =Обработка!$J$1

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

Обработка формул для динамических графиков и диаграмм в Excel

Перейдите на лист с именем «Обработка» и заполните диапазон ячеек D2:F2 ниже приведенной сложной формулой выборки значений по нескольким условиям из листа «Данные»:

После чего заполняем ячейки второй незаполненной таблицы в диапазоне H3:J14 другой сложной формулой:

Обработка данных – ГОТОВА! Сразу переходим к построению визуализации обработанных значений на дашборде.

Визуализация данных на интерактивном динамическом дашборде

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

Шаг третий – визуализация данных таблиц

На листе «ДАШБОРД» снова создайте фигуру прямоугольник с размерами 6,3 x 5 см. Преобразуйте ее в 3D фигуру выбрав инструмент: «СРЕДСТВА РИСОВАНИЯ»-«ФОРМАТ»-«Стили фигур»-«Эффекты фигуры», здесь же «Заливка фигуры»-«Цвет»-Зеленый и «Контур фигуры»-«Нет контура»:

Переходим на лист «Обработка» выделяем диапазон ячеек D1:D3 и выбираем инструмент: «ВСТАВКА»-«Диаграммы»-«Кольцевая»:

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

Переносим диаграмму на лист «ДАШБОРД» и продолжаем ее форматировать. Кликнув правой кнопкой мышки по левой доли диаграммы вызываем контекстное меню из которого следует выбрать опцию «Формат точки данных». В появившемся дополнительном окне изменяем параметры: «Формат точи данных»-«ПАРАМЕТРЫ РЯДА»-«ЗАЛИВКА»-«Сплошная заливка»-«Цвет»-белый и здесь же «Прозрачность»-50%. А также «ГРАНИЦА»-«Нет линий»:

Снова кликнув правой кнопкой мышки по самой диаграмме и контекстным меню через опцию «Формат области диаграммы» открываем дополнительное окно где в разделе меню «ЗАЛИВКА» отмечаем опцию «Нет заливки» сделав таким образом диаграмму прозрачной. И здесь же отмечаем опцию «ГРАНИЦА»-«Нет линий».

Теперь кликаем правой кнопкой мышки по правой доли ряда данных диаграммы и из появившегося контекстного меню снова выбираем опцию «Формат точки данных» где изменяем только один параметр – цвет заливки на белый:

А сейчас кликаем правой кнопкой мышки по целому ряду диаграммы и выбираем из контекстного меню опцию «Формат ряда данных» где вносим свои параметры для добавления и настройки тени в окне: «Формат ряда данных»-«ПАРАМЕТРЫ РЯДА»-«ТЕНЬ»-«Размер»–105% и здесь же «Размытие»-15 пунктов и «Расстояние»-5 пунктов:

После чего добавляем на диаграмму 2-е надписи для которых настраиваем прозрачный фон, белый цвет шрифта и размер шрифта также как мы это делали с предыдущими надписями:

Надпись с показателем 48% будет динамически изменяться поэтому для нее следует сделать внешнюю ссылку на соответствующую ячейку. Для этого делаем активной надпись выделив ее одним кликом левой кнопкой мышки, а в строке формул вводим адрес для соответственной внешней ссылки =Обработка!D2 и нажимаем клавишу Enter на клавиатуре для подтверждения.

Далее создаем еще 2 диаграммы для дашборда по такому же принципу, как была создана первая диаграмма. Только эти диаграммы будут сделаны для диапазонов ячеек E1:E3 и F1:F3. У их прямоугольников будут другие фоновые цвета заливки: фиолетовый с кодом RGB: 159; 75; 228; и голубой с кодом RGB: 0; 182; 225:

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

График для отображения динамики изменения показателей за период

Перейдите на лист «Обработка» и выделите диапазон ячеек H2:J14 и выберите инструмент: «ВСТАВКА»-«Диаграммы»-«График»:

Не снимая выделения с графика выберите инструмент из его дополнительного меню: «РАБОТА С ДИАГРАММАМИ»-«КОНСТРУКТОР»-«Стили диаграмм»-«Стиль 6» и здесь же «Тип»-«Изменить тип диаграммы»:

В появившемся окне «Изменение типа диаграммы» для рада СЕРВИС выбираем тип «График с маркерами» для КАЧЕСТВО – «Гистограмма с группировкой» и для ПРОДУКТИВНОСТЬ – «График с областями и накоплением».

Изменяем цвета соответственно уже созданным диаграммам кликая по каждому ряду правой кнопкой мышки и выбирая из контекстного меню уже знакомую опцию «Формат ряда»:

Цвета фиолетовой гистограммы и голубого графика с областями немного сливаются, поэтому разграничим их тенями. Кликаем правой кнопкой мышки по фиолетовой гистограмме и вызываем контекстным меню инструмент: «Формат ряда данных»-«ПАРАМЕТРЫ РЯДА»-«Эффекты»-«ТЕНЬ»:

• «Прозрачность» – 2 процента;
• «Угол» – 0 градусов;
• «Расстояние» – 2 пункта.

Также увеличиваем ширину столбцов фиолетовой гистограммы: «Формат ряда данных»-«ПАРАМЕТРЫ РЯДА»-«Боковой зазор» - 150 процентов.

Осталось лишь настроить внешний вид маркеров зеленого графика ряд СЕРВИС. Кликаем по нему правой кнопкой мышки и вносим параметры: «Формат ряда данных»-«ПАРАМЕТРЫ РЯДА»-«ЗАЛИВКА»-«МАРКЕР»-«ПАРАМЕТРЫ МАРКЕРА»-«Размер»-9 и здесь же «ЗАЛИВКА»-«Сплошная заливка»-«Цвет белый»:

Ниже параметр «ГРАНИЦА»-«Сплошная линия»-«Цвет зеленый» и здесь же «Ширина»-2,25 пункта.

Для динамического изменения названия графика на листе обработка в ячейке B14 создадим следующую формулу:

Теперь мы будем просто ссылаться из названия графика на ячейку B14 также как мы это делали с подписями на диаграммах. Переносим график на главный лист «ДАШБОРД» и тестируем готовый результат:

Скачать дашборд для сводного отчета в Excel

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