Как сделать спидометр в экселе

Обновлено: 06.07.2024

Блог о программе Microsoft Excel: приемы, хитрости, секреты, трюки

Диаграмма в виде спидометра отображает шкалу с зонами (достижение/ не достижение целей) и стрелкой, указывающей текущее значение. Такой вид визуализации интуитивно понятен, так как мы сталкиваемся с ним в своей повседневной жизни: в кухонных плитах, кондиционерах, приборных панелях автомобиля и т.д. К тому же они гармонично встраиваются в дашборды – (полу)круглые шкалы таких диаграмм не занимают много места, и поэтому их можно устанавливать до нескольких десятков в одном отчете.

В стандартном наборе Excel диаграмма спидометра отсутствует. Чтобы построить такую диаграмму, нам потребуется прибегнуть к хитрости. Для этого нам понадобятся две круговые диаграммы, одна из которых будет изображать шкалу спидометра, другая – стрелку. Ниже описано пошаговое руководство.

Подготовка данных

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

Следующая таблица определяет размеры областей шкалы диаграммы. Так как мы будем строить круговую диаграмму, удобно, чтобы сумма значений равнялась 360. Первая область – прозрачная – равная 180 – нижняя часть спидометра, ее мы видеть не будем. Далее, красная и зеленая зона равняется 25% от 180 градусов, соответственно равны 45. Желтая зона – оставшиеся 90 градусов.

И последняя таблица с данными для диаграммы, которая отвечает за положение стрелки. Прозрачная часть равна 180, тут все понятно, аналогично предыдущей таблице. Далее, значения Меньше KPI и Больше KPI – это области, находящиеся слева и справа от указателя. Левая область занимает 73% от 180 градусов, правой досталось все остальное. Размер стрелки приняли равным 3-м градусам.

Строим круговые диаграммы

Выделяем значения таблицы для шкалы B5:B8, переходим по вкладке Вставка в группу Диаграммы, выбираем Круговая -> Круговая

Круговая диаграмма

Excel нам построит круговую диаграмму с одним рядом данных (шкала спидометра), в которую необходимо добавить еще один ряд (стрелка спидометра). Для этого щелкаем правой кнопкой мыши по диаграмме, в выпадающем меню выбираем Выбрать данные.

Добавление ряда

В появившемся диалоговом окне Выбор источника данных, щелкаем по кнопке Добавить, находящегося в поле Элементы легенды (ряды). Далее указываем значения таблицы для стрелки. Жмем ОК.

Добавление ряда

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

Изменить тип даграммы

Теперь на передний план выступил ряд данных Указатель. Убираем заливку с не нужных областей, для этого дважды по ней щелкаем, во вкладке Работа с диаграммами –> Формат в группе Стили фигур устанавливаем значение Заливка фигуры в Нет заливки.

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

стрелка спидометра

Осталось убрать заливку с ряда данных, отвечающего за шкалу. Для этого нам необходимо будет вернуть положение ряда данных Шкала на передний план. Щелкаем правой кнопкой мыши по диаграмме, в выпадающем меню выбираем Изменить тип диаграммы для ряда. В появившемся диалоговом окне ставим галочку в колонке Вспомогательная ось напротив ряда данных Шкала. Жмем ОК.

Вспомогательная ось

И точно также, как и для предыдущего ряда убираем не нужную заливку

Осталось перевернуть диаграмму и отформатировать наш спидометр. Выделяем диаграмму, переходим по вкладке Работа с диаграммами –> Формат в группу Текущий фрагмент. В выпадающем меню выбираем Ряд Шкала -> Формат выделенного. В появившейся справа панели во вкладке Параметры ряда устанавливаем Угол поворота первого сектора равным 90 градусов. Такие же шаги проделываем для ряда данных Указатель.

Угол поворота

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

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

Диаграмма-спидометра в Excel

Такая диаграмма отлично встраивается в отчеты и дашборды, т.к. весьма информативна, не занимает много места и на вид красива. Однако этой диаграммы нет в стандартном наборе Excel (во всяком случае пока). Для ее построения, придется использовать доступные средства, скомбинировав кольцевую и круговую диаграммы, для шкалы и стрелки, соответственно.

Вначале об общем принципе. Шкала – это верхняя половина кольцевой диаграммы. Нижняя половина также есть, но она прозрачная. Стрелка – это контур видимого сектора круговой диаграммы. Там же есть еще два сектора, но они прозрачны. Местоположение стрелки определяет измеряемый показатель.

Теперь изучим, как сделать диаграмму-спидометр в Excel. Вначале подготовим данные для шкалы, для чего нужно задать 4 значения: величина нижней прозрачной части, красной, желтой и зеленой зоны (цвета и их количество, разумеется, можно выбирать самостоятельно). Т.к. прозрачная часть занимает половину диаграммы, то она должна быть равна сумме трех цветов. Для простоты пусть весь циферблат занимает 100 делений. Тогда красная зона (плохо) – 50, желтая (нормально) – 30 и зеленая (хорошо) – 20 (50+30+20=100). Чтобы получился полукруг, невидимая часть также должна быть равна 100.

Данные для шкалы

Выделяем весь диапазон и создаем кольцевую диаграмму.

Создаем кольцевую диаграмму

По умолчанию получится следующее.

Кольцевая диаграмма по умолчанию

В параметрах ряда делаем поворот на 90⁰.

Поворот диаграммы на 90 градусов

Удаляем название и легенду.

Повернутая кольцевая диаграмма

Почти готово. Двойным нажатием заходим в каждый сектор и меняем цвет: нижний – прозрачный, остальные – красный, желтый и зеленый. Контур также убираем.

Форматирование зон шкалы спидометра

Получаем циферблат спидометра.

Циферблат спидометра

Теперь сделаем стрелку. Подготовим данные, по которым будут строится три сектора круговой диаграммы. Первый сектор – от нуля до стрелки (прозрачный), второй – стрелка, третий – оставшаяся часть круга (прозрачный).

На этот раз секторы должны быть подвижными и зависеть от измеряемого показателя. Результатом будет «отклонение стрелки» на соответствующую величину. Пусть показатель измеряется в процентах и его первоначальное значение равно 60%.

Как и с циферблатом, диапазон от 0 до 100% должен приходиться на верхний полукруг. Тогда весь круг – это 200%. Чтобы стрелка меняла свое положение, первый сектор (от которого строятся остальные) привяжем к значению измеряемого показателя. Стрелка имеет фиксированный размер, установим пока 2% (потом вообще уберем). Последний сектор – это разница между 200% и суммой первых двух секторов.

Данные для изображения стрелки

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

Добавить новый ряд на диаграмму

Указываем источник данных (диапазон из трех значений) и ОК. Должно получиться примерно следующее.

Две кольцевые диаграммы

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

Изменить тип диаграммы для ряда

Меняем диаграмму на круговую.

Делаем из кольцевой круговую диаграмму

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

Поворот круговой диаграммы на 270 градусов

Не забываем убрать контуры секторов.

Спидометр со стрелкой в виде сектора круга

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

Делаем размер сектора со стрелкой нулевым

Сектор исчезнет, а контур превратится в черную линию.

Диаграмма типа спидометр

Для более точного и отображения снизу можно добавить цифровое значение показателя. Это сделать очень просто. Вставим прямоугольник с закругленными углами.

Вставить графический объект

Сделаем прозрачный фон, красный контур. Затем выделим полученную фигуру, поставим курсор в строку формул и сделаем ссылку на отображаемое значение.

Вставки значения в графический объект

Отформатируем, как нужно и получим окончательный вид спидометра.

Диаграмма-спидометра в Excel

Остался один нюанс. Дело в том, что, если значение выйдет за пределы от 0 до 100%, то стрелка окажется не известно где.

Выход стрелки за пределы шкалы

Коррекция формулы для ограничения диапазона отклонения стрелки

Спидометр с плавным переходом цвета шкалы

Сделать такую диаграмму также несложно. Отличие только в циферблате. В ролике ниже показана пошаговая инструкция, как в Excel сделать оба варианта спидометров.

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

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

Строится такая диаграмма на основе комбинированной диаграммы, составленной из кольцевой и круговой. Разберем пошагово процесс построения.

В качестве исходных данных нам нужна всего лишь одна цифра - процент выполнения плана. Это может быть стадия готовности проекта, показатель KPI, результаты тестирования и любые другие показатели, которые выражаются значением от 0% до 100% . Возьмем для примера данные готовности проекта.

В ячейке с выполнением плана (C4) находится формула: =C3/C2. Она вычисляет процент готовности путем деления количества завершенных этапов на общее число этапов проекта.

Далее нужно будет отдельно построить цветовую шкалу (шкала спидометра), и круговую диаграмму, которая будет рисовать стрелку спидометра.

Для создания шкалы понадобится кольцевая диаграмма. Она представляет собой круг (360 градусов). Чтобы шкала выглядела как полукруг, нижняя часть должна быть прозрачной (и равняться 180 градусам - половина круга). Оставшуюся половину можно разбить на любое количество зон, характеризующих тот или иной процент выполнения. Главное условие - сумма величин всех зон также должна равняться 180 градусам. В нашем примере будет 4 таких зоны. Таблица для построения шкалы выглядит так:

Чтобы нарисовать стрелку нам понадобится похожая таблица, но в ней всегда будет 4 части: прозрачный полукруг (180 градусов), размер стрелки (3-5 градусов будет достаточно), зона выполненного плана (180 умножить на % выполнения плана минус размер стрелки), зона остатка плана (180 минус зона выполненного плана минус размер стрелки).

Теперь, когда все данные подготовлены, переходим непосредственно к процессу построения. Выделяем в таблице "Шкала" столбец с числовыми значениями и выбираем "Вставка" - "Диаграммы" - "Кольцевая" .

После этого кликаем по-очереди по каждому сектору диаграммы (первый клик - выделяется кольцо, второй - выделяется конкретная точка данных) и окрашиваем его в нужный цвет (выбираем "Формат точки данных" - "Заливка" и задаем цвет). Там же желательно убрать границы, установив галочку "Нет линий". Для самого большого сектора нужно указать "Нет заливки", так как он должен быть прозрачным.

Теперь нужно добавить на диаграмму стрелку. Для этого кликаем на ней правой кнопкой мыши и нажимаем "Выбрать данные". В открывшемся окне нажимаем кнопку "Добавить".

Вводим имя ряда (например, "Стрелка") и указываем в качестве источника столбец с данными из таблицы для построения стрелки. На диаграмму добавится второй кольцевой ряд.

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

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

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

Диаграмма выглядит почти так, как нужно. Осталось "повалить ее на бок". Для этого кликните правой кнопкой мыши ряду данных и выберите "Формат ряда данных". В появившейся панели переходим на вкладку "Параметры ряда" и указываем "Угол поворота первого сектора" равным 90 градусов.

Перевернется один из рядов (скорее всего, стрелка). Чтобы повернуть второй нажмите на стрелку рядом с надписью "Параметры ряда" на панели "Формат ряда данных" и выберите из списка второй ряд. После чего проделайте ту же операцию по повороту первого сектора.

spidometr11

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

spidometr1

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

  • Зелёная зона – всё хорошо.
  • Жёлтая зона – наверняка нужно принимать меры по исправлению ситуации.
  • Красная зона – нужны немедленные действия.

Данный пример построен на расчёте точки безубыточности в Excel. Красная зона символизирует зону убытка для компании, это критическая ситуация. Желтая зона – компания в прибыли, но план продаж не достигнут. Зелёная зона – план выполнен или перевыполнен, всё хорошо. Положение стрелки на диаграмме наглядно показывает фактическое значение и запас прочности.

В разделе Расчёт точки безубыточности и запаса прочности (ячейка В21 и рядом) уже рассчитана плановая точка безубыточности. Для построения диаграммы «план-факт» нужны также данные максимально возможного объёма продаж (это определяет ширину зелёной зоны) и фактические данные за исследуемый период.

Диаграмма-спидометр будет состоять из двух диаграмм Excel, наложенных друг на друга: кольцевая диаграмма для отображения зон и круговая диаграмма Excel для отрисовки стрелки. Для построения этих диаграмм нужны дополнительные промежуточные данные в ячейках F16:F25.

Рассчитайте ширину зон. Красная зона – от 0 до точки безубыточности, поэтому в ячейке F16 формула «=С24». Жёлтая зона – от точки безубыточности до планового значения: в ячейке F17 ширина зоны рассчитана как «=C23-F16». Зелёная зона – от планового значения до максимально возможного: в ячейке F18 формула «=C29-C23». В ячейке F19 суммируются все эти значения (можно просто подставить максимальное значение показателя), эта ячейка нужна для построения кольцевой диаграммы, но отображаться это значение не будет.

Для построения круговой диаграммы, отображающей стрелку, необходимо три значения. В ячейку F23 скопировано ссылкой значение фактического показателя: «=C30». В ячейке F24 задаётся толщина стрелки, пока поставьте сюда 1. Плюсом необходимо задать пустую область формулой: «=C29*2-F23-F24» (удвоенное максимальное значение показателя минус два предыдущих значения.

spidometr2

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

spidometr3

В открывшемся окне в разделе Параметры ряда, Угол поворота первого сектора введите 270. Диаграмма повернётся, теперь все нужные области составляют верхний полукруг диаграммы:

spidometr4

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

spidometr5

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

Нажмите правой кнопкой на всей диаграмме, выберите в контекстном меню Выбрать данные, затем нажмите кнопку Добавить, введите в поле Значения диапазон F23:F25:

spidometr6

Теперь выберите только новое кольцо на диаграмме, нажмите правую кнопку мыши, выберите �?зменить тип диаграммы для ряда, выберите круговую диаграмму.

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

spidometr9

Теперь спрячьте все части новой диаграммы, кроме стрелки (правой клавишей контекстное меню Формат точки данных, разделе Заливка – Нет заливки). Теперь видно зоны и стрелку в виде сектора.

spidometr10

Осталось придать стрелке наглядный вид. Выберите стрелку, снова контекстное меню Формат точки данных, раздел Цвет границы – выберите Сплошная линия, задайте чёрный цвет. В разделе Стили границ установите ширину границы – 1,5 или 2 пт. Теперь хитрость: в ячейку F24 введите ноль. Диаграмма приобретёт более наглядный вид:

spidometr11

Осталось подписать стрелку. Снова правой кнопкой мыши на диаграмме, выбрать Добавить подписи данных. Появятся подписи, из них можно удалить всё, кроме 0, выбирая по одной подписи. На оставшейся подписи двойной щелчок мышью – откроется режим редактирования. Мышью щёлкните на области формул, затем на ячейке F23, теперь рядом со стрелкой отображается фактическое значение показателя.

Читайте также: