Диаграммы позволяют наглядно представить данные, чтобы произвести наибольшее впечатление на аудиторию. Узнайте, как создать диаграмму и добавить линию тренда. Вы можете начать документ с рекомендуемой диаграммы или выбрать один из наших шаблонов предварительно созданных диаграмм.
Создание диаграммы
-
Выберите данные для диаграммы.
-
На вкладке Вставка нажмите кнопку Рекомендуемые диаграммы.
-
На вкладке Рекомендуемые диаграммы выберите диаграмму для предварительного просмотра.
Примечание: Можно выделить нужные данные для диаграммы и нажать клавиши ALT+F1, чтобы сразу создать диаграмму, однако результат может оказаться не самым лучшим. Если подходящая диаграмма не отображается, перейдите на вкладку Все диаграммы, чтобы просмотреть все типы диаграмм.
-
Выберите диаграмму.
-
Нажмите кнопку ОК.
Добавление линии тренда
-
Выберите диаграмму.
-
На вкладке Конструктор нажмите кнопку Добавить элемент диаграммы.
-
Выберите пункт Линия тренда, а затем укажите тип линии тренда: Линейная, Экспоненциальная, Линейный прогноз или Скользящее среднее.
Примечание: Часть содержимого этого раздела может быть неприменима к некоторым языкам.
Диаграммы отображают данные в графическом формате, который может помочь вам и вашей аудитории визуализировать связи между данными. При создании диаграммы доступно множество типов диаграмм (например, гистограмма с накоплением или трехмерная разрезанная круговая диаграмма). После создания диаграммы ее можно настроить, применив экспресс-макеты или стили.
Диаграмма содержит несколько элементов, таких как заголовок, подписи осей, условные обозначения и линии сетки. Вы можете скрыть или показать эти элементы, а также изменить их расположение и форматирование.
Название диаграммы
Область построения
Условные обозначения
Названия осей
Подписи оси
Деления
Линии сетки
Диаграмму можно создать в Excel, Word и PowerPoint. Однако данные диаграммы вводятся и сохраняются на листе Excel. При вставке диаграммы в Word или PowerPoint открывается новый лист в Excel. При сохранении документа Word или презентации PowerPoint с диаграммой данные Excel для этой диаграммы автоматически сохраняются в документе Word или презентации PowerPoint.
Примечание: Коллекция книг Excel заменяет прежний мастер диаграмм. По умолчанию коллекция книг Excel открывается при запуске Excel. В коллекции можно просматривать шаблоны и создавать на их основе новые книги. Если коллекция книг Excel не отображается, в меню Файл выберите пункт Создать на основе шаблона.
-
В меню Вид выберите пункт Разметка страницы.
-
На вкладке Вставка щелкните стрелку рядом с кнопкой Диаграмма.
-
Выберите тип диаграммы и дважды щелкните нужную диаграмму.
При вставке диаграммы в приложение Word или PowerPoint открывается лист Excel с таблицей образцов данных.
-
В приложении Excel замените образец данных данными, которые нужно отобразить на диаграмме. Если эти данные уже содержатся в другой таблице, их можно скопировать оттуда и вставить вместо образца данных. Рекомендации по упорядочиванию данных в соответствии с типом диаграммы см. в таблице ниже.
Тип диаграммы
Расположение данных
Диаграмма с областями, линейчатая диаграмма, гистограмма, кольцевая диаграмма, график, лепестковая диаграмма или поверхностная диаграмма
Данные расположены в столбцах или строках, как в следующих примерах:
Последовательность 1
Последовательность 2
Категория А
10
12
Категория Б
11
14
Категория В
9
15
или
Категория А
Категория Б
Последовательность 1
10
11
Последовательность 2
12
14
Пузырьковая диаграмма
Данные расположены в столбцах, причем значения x — в первом столбце, а соответствующие значения y и размеры пузырьков — в смежных столбцах, как в следующих примерах:
Значения X
Значение Y 1
Размер 1
0,7
2,7
4
1,8
3,2
5
2,6
0,08
6
Круговая диаграмма
Один столбец или строка данных и один столбец или строка меток данных, как в следующих примерах:
Продажи
Кв. 1
25
Кв. 2
30
Кв. 3
45
или
Кв. 1
Кв. 2
Кв. 3
Продажи
25
30
45
Биржевая диаграмма
Данные расположены по столбцам или строкам в указанном ниже порядке с использованием названий или дат в качестве подписей, как в следующих примерах:
Открыть
Максимум
Минимум
Закрыть
1/5/02
44
55
11
25
1/6/02
25
57
12
38
или
1/5/02
1/6/02
Открыть
44
25
Максимум
55
57
Минимум
11
12
Закрыть
25
38
X Y (точечная) диаграмма
Данные расположены по столбцам, причем значения x — в первом столбце, а соответствующие значения y — в смежных столбцах, как в следующих примерах:
Значения X
Значение Y 1
0,7
2,7
1,8
3,2
2,6
0,08
или
Значения X
0,7
1,8
2,6
Значение Y 1
2,7
3,2
0,08
-
Чтобы изменить число строк и столбцов, включенных в диаграмму, наведите указатель мыши на нижний правый угол выбранных данных, а затем перетащите угол, чтобы выбрать дополнительные данные. В приведенном ниже примере таблица расширяется, чтобы включить дополнительные категории и последовательности данных.
-
Чтобы увидеть результаты изменений, вернитесь в приложение Word или PowerPoint.
Примечание: При закрытии документа Word или презентации PowerPoint с диаграммой таблица данных Excel для этой диаграммы закроется автоматически.
После создания диаграммы можно изменить способ отображения строк и столбцов таблицы в диаграмме. Например, в первой версии диаграммы строки данных таблицы могут отображаться по вертикальной оси (значение), а столбцы — по горизонтальной оси (категория). В следующем примере диаграмма акцентирует продажи по инструментам.
Однако если требуется сконцентрировать внимание на продажах по месяцам, можно изменить способ построения диаграммы.
-
В меню Вид выберите пункт Разметка страницы.
-
Щелкните диаграмму.
-
Откройте вкладку Конструктор и нажмите кнопку Строка/столбец.
Если команда «Строка/столбец» недоступна
Элемент Строка/столбец доступен только при открытой таблице данных диаграммы Excel и только для определенных типов диаграмм. Вы также можете изменить данные, щелкнув диаграмму, а затем отредактировать лист в Excel.
-
В меню Вид выберите пункт Разметка страницы.
-
Щелкните диаграмму.
-
Откройте вкладку Конструктор и нажмите кнопку Экспресс-макет.
-
Выберите нужную разметку.
Чтобы сразу же отменить примененный экспресс-макет, нажмите клавиши
+ Z.
+ Z.Стили диаграмм — это набор дополняющих цветов и эффектов, которые можно применить к диаграмме. При выборе стиля диаграммы изменения влияют на всю диаграмму.
-
В меню Вид выберите пункт Разметка страницы.
-
Щелкните диаграмму.
-
Откройте вкладку Конструктор и выберите нужный стиль.
Чтобы просмотреть другие стили, наведите курсор на интересующий вас элемент и щелкните
.Чтобы сразу же отменить примененный стиль, нажмите клавиши
+Z.
.-
В меню Вид выберите пункт Разметка страницы.
-
Щелкните диаграмму и откройте вкладку Конструктор.
-
Нажмите кнопку Добавить элемент диаграммы.
-
Выберите пункт Название диаграммы, чтобы задать параметры форматирования названия, а затем вернитесь к диаграмме, чтобы ввести название в поле Название диаграммы.
См. также
Обновление данных в существующей диаграмме
Типы диаграмм
Создание диаграммы
Вы можете создать диаграмму для данных в Excel в Интернете. В зависимости от данных можно создать гистограмму, линию, круговую диаграмму, линейчатую диаграмму, область, точечную или радиолокационную диаграмму.
-
Щелкните в любом месте данных, для которых требуется создать диаграмму.
Чтобы отобразить определенные данные на диаграмме, можно также выбрать данные.
-
Выберите «> диаграммы> и нужный тип диаграммы.
-
В открываемом меню выберите нужный вариант. Наведите указатель мыши на диаграмму, чтобы узнать больше о ней.
Совет: Ваш выбор не применяется, пока вы не выбираете параметр в меню команд «Диаграммы». Рассмотрите возможность просмотра нескольких типов диаграмм: при указании элементов меню рядом с ними отображаются сводки, которые помогут вам решить эту задачу.
-
Чтобы изменить диаграмму (заголовки, условные обозначения, метки данных), выберите вкладку «Диаграмма», а затем выберите » Формат».
-
В области диаграммы при необходимости измените параметр. Вы можете настроить параметры для заголовка диаграммы, условных обозначений, названий осей, заголовков рядов и т. д.
Типы диаграмм
Рекомендуется просмотреть данные и решить, какой тип диаграммы лучше всего подходит. Доступные типы перечислены ниже.
Данные в столбцах или строках листа можно представить в виде гистограммы. В гистограмме категории обычно отображаются по горизонтальной оси, а значения — по вертикальной оси, как показано на этой диаграмме:
Типы гистограмм
-
Кластеризованный столбецНа гистограмме с группировкой значения выводятся в виде плоских столбцов. Используйте этот тип диаграммы при наличии категорий, представляющих:
-
диапазоны значений (например, количество элементов);
-
специфические шкалы (например, шкала Ликерта с масками, такими как «Полностью согласен», «Согласен», «Не знаю», «Не согласен», «Полностью не согласен»);
-
неупорядоченные имена (например, названия элементов, географические названия или имена людей).
-
-
Столбец с стеками Гистограмма с накоплением представляет значения в виде плоских столбцов с накоплением. Используйте этот тип диаграммы, когда есть несколько ряд данных и нужно подчеркнуть итоговое значение.
-
Столбец с стеком на 100 %Нормированная гистограмма представляет значения в виде плоских нормированных столбцов с накоплением для представления 100 %. Используйте этот тип диаграммы, когда есть несколько рядов данных и нужно подчеркнуть их вклад в итоговое значение, особенно если итоговое значение одинаково для всех категорий.
Данные, расположенные в столбцах или строках листа, можно представить в виде графика. На графиках данные категорий равномерно распределяются вдоль горизонтальной оси, а все значения равномерно распределяются вдоль вертикальной оси. Графики позволяют отображать непрерывное изменение данных с течением времени на оси с равномерным распределением и идеально подходят для представления тенденций изменения данных с равными интервалами, такими как месяцы, кварталы или финансовые годы.
Типы графиков
-
Линии и линии с маркерамиГрафики с маркерами, отмечающими отдельные значения данных, или без маркеров можно использовать для отображения динамики изменения данных с течением времени или по категориям данных, разделенным равными интервалами, особенно когда точек данных много и порядок их представления существенен. Если категорий данных много или значения являются приблизительными, используйте график без маркеров.
-
Линия с стеками и линия с маркерамиГрафики с накоплением, отображаемые как с маркерами для конкретных значений данных, так и без них, могут отображать динамику изменения вклада каждого значения с течением времени или по категориям данных, разделенным равными интервалами.
-
100 % линий с стеками и 100 % стеками с маркерамиНормированные графики с накоплением с маркерами, отмечающими отдельные значения данных, или без маркеров могут отображать динамику вклада каждой величины в процентах с течением времени или по категориям данных, разделенным равными интервалами. Если категорий данных много или значения являются приблизительными, используйте нормированный график с накоплением без маркеров.
Примечания:
-
Графики лучше всего подходят для вывода нескольких рядов данных— если нужно отобразить только один ряд данных, вместо графика рекомендуется использовать точечную диаграмму.
-
На графиках с накоплением данные суммируются, что может быть нежелательно. Увидеть накопление на графике бывает непросто, поэтому иногда вместо него стоит воспользоваться графиком другого вида либо диаграммой с областями с накоплением.
-
Данные в одном столбце или строке листа можно представить в виде круговой диаграммы. Круговая диаграмма отображает размер элементов одного ряд данных относительно суммы элементов. точки данных на круговой диаграмме выводятся как проценты от всего круга.
Круговую диаграмму рекомендуется использовать, если:
-
нужно отобразить только один ряд данных;
-
все значения ваших данных неотрицательны;
-
почти все значения данных больше нуля;
-
имеется не более семи категорий, каждой из которых соответствуют части общего круга.
Данные, расположенные только в столбцах или строках листа, можно представить в виде кольцевой диаграммы. Как и круговая диаграмма, кольцевая диаграмма отображает отношение частей к целому, но может содержать несколько ряд данных.
Совет: Восприятие кольцевых диаграмм затруднено. Вместо них можно использовать линейчатые диаграммы с накоплением или гистограммы с накоплением.
Данные в столбцах или строках листа можно представить в виде линейчатой диаграммы. Линейчатые диаграммы используют для сравнения отдельных элементов. В диаграммах этого типа категории обычно располагаются по вертикальной оси, а величины — по горизонтальной.
Линейчатые диаграммы рекомендуется использовать, если:
-
метки осей имеют большую длину;
-
выводимые значения представляют собой длительности.
Типы линейчатых диаграмм
-
КластерныйНа линейчатой диаграмме с группировкой значения выводятся в виде плоских столбцов.
-
Линейчатая диаграмма с стекамиЛинейчатая диаграмма с накоплением показывает вклад отдельных величин в общую сумму в виде плоских столбцов.
-
Стека на 100 %Этот тип диаграмм позволяет сравнить по категориям процентный вклад каждой величины в общую сумму.
Данные в столбцах или строках листа можно представить в виде диаграммы с областями. Диаграммы с областями могут использоваться для отображения изменений величин с течением времени и привлечения внимания к итоговому значению в соответствии с тенденцией. Отображая сумму значений рядов, такая диаграмма также наглядно показывает вклад каждого ряда.
Типы диаграмм с областями
-
ОбластиДиаграммы с областями отображают изменение величин с течением времени или по категориям. Обычно вместо диаграмм с областями без накопления рекомендуется использовать графики, так как данные одного ряда могут быть скрыты за данными другого ряда.
-
Область с накоплениемДиаграммы с областями с накоплением показывают изменения вклада каждой величины с течением времени или по категориям в двухмерном виде.
-
На 100 % с накоплением диаграммы с областями с накоплением показывают тенденцию процентного участия каждого значения с течением времени или других данных категории.
Данные в столбцах и строках листа можно представить в виде точечной диаграммы. Поместите данные по оси X в одну строку или столбец, а соответствующие данные по оси Y — в соседние строки или столбцы.
Точечная диаграмма имеет две оси значений: горизонтальную (X) и вертикальную (Y). На точечной диаграмме значения «x» и «y» объединяются в одну точку данных и выводятся через неравные интервалы или кластеры. Точечные диаграммы обычно используются для отображения и сравнения числовых значений, например научных, статистических или технических данных.
Точечные диаграммы рекомендуется использовать, если:
-
требуется изменять масштаб горизонтальной оси;
-
требуется использовать для горизонтальной оси логарифмическую шкалу;
-
значения расположены на горизонтальной оси неравномерно;
-
на горизонтальной оси имеется множество точек данных;
-
требуется настраивать независимые шкалы точечной диаграммы для отображения дополнительных сведений о данных, содержащих пары сгруппированных полей со значениями;
-
требуется отображать не различия между точками данных, а аналогии в больших наборах данных;
-
требуется сравнивать множество точек данных без учета времени; чем больше данных будет использовано для построения точечной диаграммы, тем точнее будет сравнение.
Типы точечных диаграмм
-
РазбросДиаграмма этого типа позволяет отображать точки данных без соединительных линий для сравнения пар значений.
-
Точечная с плавными линиями и маркерами и точечная с плавными линиямиНа этой диаграмме точки данных соединены сглаживающими линиями. Такие линии могут отображаться с маркерами или без них. Сглаживающую кривую без маркеров следует использовать, если точек данных достаточно много.
-
Точечная с прямыми линиями и маркерами и точечная с прямыми линиямиНа этой диаграмме показаны линии прямого соединения между точками данных. Прямые линии могут отображаться с маркерами или без них.
Данные в столбцах или строках листа можно представить в виде лепестковой диаграммы. Лепестковая диаграмма позволяет сравнить агрегированные значения нескольких ряд данных.
Типы лепестковых диаграмм
-
Радиолокационные и радиолокационные диаграммы с маркерами с маркерами для отдельных точек данных или без них отображают изменения значений относительно центральной точки.
-
Заполненный лепесткНа лепестковой диаграмме с областями области, заполненные рядами данных, выделены цветом.
Добавление или изменение заголовка диаграммы
Вы можете добавить или изменить заголовок диаграммы, настроить ее внешний вид и включить ее в диаграмму.
-
Щелкните в любом месте диаграммы, чтобы отобразить на ленте вкладку Диаграмма.
-
Нажмите Формат, чтобы открыть параметры форматирования диаграммы.
-
На панели » Диаграмма» разверните раздел «Заголовок диаграммы«.
-
Добавьте или измените заголовок диаграммы в соответствии со своими потребностями.
-
Используйте переключатель, чтобы скрыть заголовок, если вы не хотите, чтобы на диаграмме отображались заголовки.
Добавление названий осей для улучшения удобочитаемости диаграммы
Добавление заголовков к горизонтальным и вертикальным осям на диаграммах с осями упрощает их чтение. Названия осей нельзя добавлять к диаграммам без осей, таким как круговые и кольцевые диаграммы.
Как и заголовки диаграмм, названия осей помогают пользователям, просматривая диаграмму, понять, что такое данные.
-
Щелкните в любом месте диаграммы, чтобы отобразить на ленте вкладку Диаграмма.
-
Нажмите Формат, чтобы открыть параметры форматирования диаграммы.
-
На панели диаграммы разверните раздел «Горизонтальная ось » или » Вертикальная ось».
-
Добавьте или измените параметры горизонтальной оси или вертикальной оси в соответствии со своими потребностями.
-
Разверните заголовок оси.
-
Измените заголовок оси и форматирование.
-
Используйте переключатель, чтобы отобразить или скрыть заголовок.
Изменение меток оси
Метки оси отображаются под горизонтальной осью и рядом с вертикальной осью. Диаграмма использует текст в исходных данных для этих меток оси.
Чтобы изменить текст меток категорий на горизонтальной или вертикальной оси:
-
Щелкните ячейку с текстом метки, который вы хотите изменить.
-
Введите нужный текст и нажмите клавишу ВВОД.
Метки осей на диаграмме автоматически обновляются новым текстом.
Совет: Метки осей отличаются от заголовков осей, которые можно добавить для описания того, что отображается на осях. Названия осей не отображаются на диаграмме автоматически.
Удаление меток оси
Чтобы удалить метки на горизонтальной или вертикальной оси:
-
Щелкните в любом месте диаграммы, чтобы отобразить на ленте вкладку Диаграмма.
-
Нажмите Формат, чтобы открыть параметры форматирования диаграммы.
-
На панели диаграммы разверните раздел «Горизонтальная ось » или » Вертикальная ось».
-
В раскрывающемся списке «Положение метки» выберите«Нет «, чтобы метки не отображались на диаграмме.
Дополнительные сведения
Вы всегда можете задать вопрос специалисту Excel Tech Community или попросить помощи в сообществе Answers community.
#подборки
- 12 июл 2022
-
0
Простые диаграммы: какие бывают и как их создавать
Десять типов графиков для ваших проектов, отчётов и презентаций.
Иллюстрация: Оля Ежак для Skillbox Media
Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.
Визуализация данных — отличный способ сравнить разные показатели и понаблюдать за их изменениями. Например, в спортивных приложениях графики помогают следить за суточной активностью, а в аналитических — наблюдать за изменениями в поведении пользователей.
В нашей подборке — основные типы диаграмм, которые пригодятся вам для дизайна сайтов, презентаций, инфографик, рекламы и соцсетей.
Состоит из прямоугольников разной длины и помогает сравнивать данные. Так можно, например, сравнить объёмы продаж компании за год в разных сегментах. Бывают столбчатые барчарты с вертикальной ориентацией, и линейчатые — с горизонтальной.
Изображение: Md shahin alam / Figma Community
Изображение: Jay Lee / Figma Community
Часто в барчартах столбцы или линейки ранжированы от большего значения к меньшему или наоборот — получается рейтинг. Обычно в этой диаграмме показывают положительные значения, но можно визуализировать и отрицательные. В столбчатых диаграммах значения ниже нуля показывают внизу, в линейчатых — слева.
Изображение: JakubD / Looker
Этот вид диаграмм помогает показать доли от целого в разных категориях и сравнить их между собой. Например, так можно показать, сколько белков, жиров и углеводов было в рационе человека каждый день в течение недели. Каждая линейка или столбик соответствует одной категории, но она поделена на несколько составных частей.
Изображение: Anychart
Визуально гистограмма похожа на столбчатый барчарт. Но функция у неё другая — она показывает распределение одной переменной на каком-то временном промежутке. Так можно визуализировать изменения температуры в течение года. Каждый столбик в гистограмме занимает свой отрезок времени на оси координат.
Изображение: Venngage Inc.
Линейная диаграмма показывает динамику изменений переменной в зависимости от какого-то фактора. Так можно показать, например, как меняется уровень сахара в крови утром, днём и вечером в зависимости от съеденных шоколадок в течение дня. Чтобы построить линейный график, на оси координат отмечают значимые точки, а потом соединяют их — и кривая показывает, как данные изменяются от одной контрольной точки к другой.
Иногда в одной системе координат может быть несколько линейных графиков — так удобно сравнивать динамику изменения нескольких переменных.
Изображение: Zim Academy
Иногда визуализация получается более точной, если точки не соединять линиями. Потому что линии условны. Посмотрим на график выше: число посетителей зоопарка в период с 1980 по 1985 год, скажем, вряд ли равномерно росло. В какой-то день людей было больше, в какой-то меньше. Эти мелкие изменения невозможно отобразить в таком масштабе — но если бы они были важны зрителю, ровная линия вводила бы в заблуждение.
Вот, например, график, отражающий успехи двух гонщиков на «Формуле-1». Точки показывают их позиции в разных раундах:
Изображение: Efe Akçay / Behance
Из-за того, что точки соединены, график начинает показывать несуществующие значения. Линия подразумевает, что значения изменяются между соседними точками. Из этого получается, что позиции гонщиков менялись в промежутке между раундами, хотя этого не могло происходить:
Если взять линейный график и залить пространство под ним каким-то цветом, получится диаграмма с областями. По сути, она показывает то же самое, что и график-линия. Разница только в визуализации. Когда мы закрашиваем область каким-то цветом, более наглядно видно объём/количество чего-то.
Изображение: Hubspot
В диаграмме с областями, например, можно показать объём спроса на бытовую технику в разные месяцы года. Зато динамика движения с такой визуализацией отходит на второй план. Если важно акцентировать, как менялся спрос, то лучше оставить просто линейный график без области.
Диаграмма показывает хронологию событий. По вертикальной шкале перечисляют сами эти события — список задач. По горизонтальной — временные интервалы. Линии на графике показывают, когда начинается и заканчивается выполнение той или иной задачи.
Изображение: Venngage Inc.
Этот вид диаграммы применяют для визуализации проектов, часто используют в менеджменте — сразу видно время выполнения каждой задачи, какие идут последовательно, а какие параллельно, их зависимости.
Эту диаграмму также иногда называют «точечная», «диаграмма распределения» или «скаттерплот». Она помогает увидеть зависимость одной переменной от другой. Так можно показать, скажем, как меняется количество часов сна у людей в разном возрасте. Можно даже посмотреть это в разных группах: например, среди жителей разных стран.
У каждой точки на точечной диаграмме две координаты — по оси X и Y. Для обозначения групп, если они есть, используют точки разных цветов.
Изображение: Innography / PitchBook / WIPO / McKinsey Global Institute Analysis
Этот вид диаграммы ещё называют полярной. Система координат тут круглая. Каждой переменной присваивается ось с началом в центре, и в какой-то точке круга по этой оси она заканчивается. По нескольким переменным строится область. С помощью этой диаграммы можно оценивать продукты, проекты или сотрудников по совокупности факторов.
Изображение: Stack Overflow
Радарная диаграмма, например, может показать, выполнил ли сотрудник KPI за год, в каких конкретно задачах он силён, а где слабые места. В одной системе координат можно построить несколько таких областей — тогда это будет называться лепестковой диаграммой. В ней, например, можно показать KPI пятерых сотрудников отдела и сравнить, кто работал эффективнее.
Изображение: Python Charts
Эти диаграммы ещё называют секторными: они показывают доли от целого. Пайчарт — это круг, разделённый на сегменты. Диаграмма-бублик — окружность с пустым центром, также разделённая на сегменты.
Круглые диаграммы спорные в отношении точности визуализации данных. Глядя на доли от окружности, трудно сразу разобраться, насколько одна больше или меньше другой. Эти диаграммы понятны, только если числа значительно различаются: скажем, по кругу можно сравнить 75% и 25%. Но если долей от целого много, а разница между ними не так очевидна, лучше использовать барчарт с накоплением или просто перечислить цифры без визуализации.
Это визуализация данных с помощью пересекающихся кругов. Так можно показать несколько множеств и их пересечения.
Изображение: Wepik
Пересечения показывают, сколько общего есть у этих множеств. Так можно оформить результаты какого-нибудь опроса или показать, какой будет работа, выполненная быстро и дёшево. Можно показывать не только пересечения, но и полную принадлежность одного множества к другому: помещая один маленький круг в более крупный.
Изображение: ConceptDraw
Как и круглые секторные диаграммы, эта визуализация довольно приблизительная, точные значения по ней не считываются. По размеру пересечения трудно сходу понять, соответствует ли оно 20% или 30%. Диаграмма Венна подходит преимущественно для визуализации несложных вещей.
Как правило, графики никто не рисует руками — для этого используют специальные сервисы:
- плагины в Figma: Chart Maker, Charts или NB Charts;
- сервис Datawrapper: в него можно импортировать свои данные и строить даже сложные диаграммы — а потом скачивать их в PNG и использовать в своём дизайне;
- Raw Graphs — аналогичный инструмент: можно создавать диаграммы и скачивать в разных форматах;
- ChartBlocks — онлайн-сервис для визуализации данных, где чуть меньше видов диаграмм, зато больше возможностей для кастомизации их дизайна;
- Google Sheets и Excel — помогут вам сделать график из данных прямо в вашей таблице;
- инструменты для создания презентаций — у нас есть отдельная подборка.
Не забывайте про существование обычных таблиц и схем. Ими часто можно заменить график, а бывает, что и вовсе достаточно абзаца текста с нужными цифрами. Диаграммы хороши, чтобы наглядно показать данные, но простые решения иногда работают не хуже.
Больше о визуализации данных
Научитесь: Профессия Графический дизайнер
Узнать больше
Любую информацию легче воспринимать, если она представлена наглядно. Это особенно актуально, когда мы имеем дело с числовыми данными. Их необходимо сопоставить, сравнить. Оптимальный вариант представления – диаграммы. Будем работать в программе Excel.
Так же мы научимся создавать динамические диаграммы и графики, которые автоматически обновляют свои показатели в зависимости от изменения данных. По ссылке в конце статьи можно скачать шаблон-образец в качестве примера.
Как построить диаграмму по таблице в Excel?
- Создаем таблицу с данными.
- Выделяем область значений A1:B5, которые необходимо презентовать в виде диаграммы. На вкладке «Вставка» выбираем тип диаграммы.
- Нажимаем «Гистограмма» (для примера, может быть и другой тип). Выбираем из предложенных вариантов гистограмм.
- После выбора определенного вида гистограммы автоматически получаем результат.
- Такой вариант нас не совсем устраивает – внесем изменения. Дважды щелкаем по названию гистограммы – вводим «Итоговые суммы».
- Сделаем подпись для вертикальной оси. Вкладка «Макет» — «Подписи» — «Названия осей». Выбираем вертикальную ось и вид названия для нее.
- Вводим «Сумма».
- Конкретизируем суммы, подписав столбики показателей. На вкладке «Макет» выбираем «Подписи данных» и место их размещения.
- Уберем легенду (запись справа). Для нашего примера она не нужна, т.к. мало данных. Выделяем ее и жмем клавишу DELETE.
- Изменим цвет и стиль.
Выберем другой стиль диаграммы (вкладка «Конструктор» — «Стили диаграмм»).
Как добавить данные в диаграмму в Excel?
- Добавляем в таблицу новые значения — План.
- Выделяем диапазон новых данных вместе с названием. Копируем его в буфер обмена (одновременное нажатие Ctrl+C). Выделяем существующую диаграмму и вставляем скопированный фрагмент (одновременное нажатие Ctrl+V).
- Так как не совсем понятно происхождение цифр в нашей гистограмме, оформим легенду. Вкладка «Макет» — «Легенда» — «Добавить легенду справа» (внизу, слева и т.д.). Получаем:
Есть более сложный путь добавления новых данных в существующую диаграмму – с помощью меню «Выбор источника данных» (открывается правой кнопкой мыши – «Выбрать данные»).
Когда нажмете «Добавить» (элементы легенды), откроется строка для выбора диапазона данных.
Как поменять местами оси в диаграмме Excel?
- Щелкаем по диаграмме правой кнопкой мыши – «Выбрать данные».
- В открывшемся меню нажимаем кнопку «Строка/столбец».
- Значения для рядов и категорий поменяются местами автоматически.
Как закрепить элементы управления на диаграмме Excel?
Если очень часто приходится добавлять в гистограмму новые данные, каждый раз менять диапазон неудобно. Оптимальный вариант – сделать динамическую диаграмму, которая будет обновляться автоматически. А чтобы закрепить элементы управления, область данных преобразуем в «умную таблицу».
- Выделяем диапазон значений A1:C5 и на «Главной» нажимаем «Форматировать как таблицу».
- В открывшемся меню выбираем любой стиль. Программа предлагает выбрать диапазон для таблицы – соглашаемся с его вариантом. Получаем следующий вид значений для диаграммы:
- Как только мы начнем вводить новую информацию в таблицу, будет меняться и диаграмма. Она стала динамической:
Мы рассмотрели, как создать «умную таблицу» на основе имеющихся данных. Если перед нами чистый лист, то значения сразу заносим в таблицу: «Вставка» — «Таблица».
Как сделать диаграмму в процентах в Excel?
Представлять информацию в процентах лучше всего с помощью круговых диаграмм.
Исходные данные для примера:
- Выделяем данные A1:B8. «Вставка» — «Круговая» — «Объемная круговая».
- Вкладка «Конструктор» — «Макеты диаграммы». Среди предлагаемых вариантов есть стили с процентами.
- Выбираем подходящий.
- Очень плохо просматриваются сектора с маленькими процентами. Чтобы их выделить, создадим вторичную диаграмму. Выделяем диаграмму. На вкладке «Конструктор» — «Изменить тип диаграммы». Выбираем круговую с вторичной.
- Автоматически созданный вариант не решает нашу задачу. Щелкаем правой кнопкой мыши по любому сектору. Должны появиться точки-границы. Меню «Формат ряда данных».
- Задаем следующие параметры ряда:
- Получаем нужный вариант:
Диаграмма Ганта в Excel
Диаграмма Ганта – это способ представления информации в виде столбиков для иллюстрации многоэтапного мероприятия. Красивый и несложный прием.
- У нас есть таблица (учебная) со сроками сдачи отчетов.
- Для диаграммы вставляем столбец, где будет указано количество дней. Заполняем его с помощью формул Excel.
- Выделяем диапазон, где будет находиться диаграмма Ганта. То есть ячейки будут залиты определенным цветом между датами начала и конца установленных сроков.
- Открываем меню «Условное форматирование» (на «Главной»). Выбираем задачу «Создать правило» — «Использовать формулу для определения форматируемых ячеек».
- Вводим формулу вида: =И(E$2>=$B3;E$2<=$D3). С помощью оператора «И» Excel сравнивает дату текущей ячейки с датами начала и конца мероприятия. Далее нажимаем «Формат» и назначаем цвет заливки.
Когда вам нужно построит презентабельный отчет финансовой активности предприятия, лучше использовать средства графического представления информации.
Графическое представление информации намного эффективней и быстрей усваивается человеческим зрительным восприятием информации, чем текст и цифры. Легче проводить аналитики, лучше видно ситуацию, как в целом, так и в отдельных деталях.
Простенькая диаграмма Ганта готова. Скачать шаблон с примером в качестве образца.
Готовые примеры графиков и диаграмм в Excel скачать:
Скачать шаблоны и дашборды с диаграммами для отчетов в Excel.
Как сделать шаблон, дашборд, диаграмму или график для создания красивого отчета удобного для визуального анализа в Excel? Выбирайте примеры диаграмм с графиками для интерактивной визуализации данных с умных таблиц Excel и используйте их для быстрого принятия правильных решений. Бесплатно скачивайте готовые шаблоны динамических диаграмм для использования их в дашбордах, отчетах или презентациях.
В программе Excel специально разрабатывались диаграммы и графики для реализации визуализации данных.
В CRM собирают много разных данных — графики помогают представить их в максимально удобном виде. Чтобы в CRM от T1 Консалтинг визуализации были понятными и приятными, перед разработкой нового дашборда с диаграммами внутренняя команда дизайнеров проанализировала 20 реальных систем, собрала полезную информацию из Nielsen Norman Group, гайдлайнов и других источников.
В этом материале дизайнеры интерфейсов T1 Консалтинг Олег Бурцев, Елизавета Горлова и Арина Шулева рассказывают и показывают:
— Как правильно использовать разные типы диаграмм.
— Как собрать цветовую палитру.
— Как сделать собственную универсальную сетку.
— Как еще улучшить взаимодействие пользователя с продуктом.
— Как в результате выглядит дашборд с графиками и диаграммами в T1 CRM.
Руководство по использованию диаграмм
1. Круговая диаграмма (Pie chart)
Круговые диаграммы используют, пожалуй, чаще всего. С помощью них можно показать части целого в процентах, где сумма сегментов равна 100%.
Рекомендации:
- Не используйте больше пяти сегментов, иначе они будут слишком тонкими, чтобы их можно было сравнить.
- Делайте сноски у каждого сегмента, чтобы пользователь мог быстро получать информацию.
- Тонкие кольцевые диаграммы считываются хуже.
- Расположите сегменты по убыванию их размера для удобного сравнения, чтобы подчеркнуть иерархию.
- Используйте контрастные цвета вместо тонов одного цвета.
2. Линейная диаграмма (Line chart)
Линейные графики используют, чтобы показать динамику изменений за определенный период времени.
Рекомендации:
- Не используйте больше 5—7 линий.
- Выбирайте разные стили линий для выделения, сравнения и подчеркивания иерархии.
3. Диаграмма с областями (Area chart)
Существует три типа диаграмм с областями: с одной областью (single area charts), наложением (overlapping area charts) и накоплением (stacked area charts).
- Диаграммы с наложением используют для сравнения значения между группами.
- Диаграммы с накоплением подойдут, когда нужно увидеть суммарную величину и понять, как она распределяется по группам. Сравнение высоты сегментов позволит увидеть, как соотносятся подгруппы по вкладу в общий результат.
Рекомендации:
- Не используйте диаграммы с областями, если хотите показать больше 3—4 категорий. Лучше вместо них выбирать линейные графики.
4. Столбчатая диаграмма (Bar and column charts)
Столбчатые диаграммы (bar and column charts) используют для сравнения значений или отображения разницы в течение периода времени.
Отличие column chart от bar chart: в первом вертикальные столбцы, во втором — горизонтальные.
Столбчатые диаграммы делятся на три типа: одинарные (single bar charts), с группировкой (clustered bar charts) и с накоплением (stacked bar charts)
- Столбчатые одинарные диаграммы используют для отображения величины и соотношения данных.
- Диаграммы с группировкой подойдут для сравнения значения между группами.
- Диаграммы с накоплением покажут отношение части каждой категории к целому.
Рекомендации:
- Всегда начинайте ось Y с 0, чтобы правильно отображать значения на графике.
- Если есть длинные подписи, располагайте графики горизонтально.
- Используйте контрастные цвета для столбчатых диаграмм с накоплением.
- Располагайте по порядку ряды данных (только не делайте так, если ваш график включает в себя даты).
- Оставляйте между столбцами одной группы небольшое расстояние: это облегчит восприятие диаграммы.
- Добавляйте значения над столбцами, когда это возможно. Если подписи не могут уместиться на графике с большим количеством столбцов, скрывайте значения в тултип. Тогда данные будут появляться при наведении на график.
5. Воронкообразная диаграмма (Funnel chart)
Воронкообразная диаграмма — тип диаграммы, который полезен, чтобы показать последовательный отсев пользователей на каждом новом этапе бизнес-процесса. Например, при прохождении по воронке продаж.
Рекомендации:
- Используйте такой тип диаграммы, если у вас есть не менее четырех этапов.
- Чтобы лучше визуализировать данные в воронкообразной диаграмме, используйте столбчатую диаграмму с выравниванием по левой стороне. Ведь человеку проще сравнивать этапы, если они начинаются в одной точке. Тем не менее, эту воронку иногда трудно «продать», поскольку она может показаться «менее привлекательной».
- Если хотите придерживаться формы «воронки», сделайте высоту каждого этапа пропорциональной значению, избегая эффекта равного треугольника.
6. Каскадная диаграмма (Waterfall chart)
Каскадная диаграмма показывает влияние положительных и отрицательных величин на начальное значение. Начальное и конечное значения отображаются в виде целого столбца, промежуточные значения представляют собой “плавающие” столбцы.
Рекомендации:
- Обозначайте цветом положительную и отрицательную динамику.
7. Пузырьковая диаграмма (Bubble chart)
Пузырьковую диаграмму в основном используют для отображения и демонстрации взаимосвязей между числовыми переменными.
Рекомендации:
- Используйте тултип, чтобы показать, как разные размеры пузырьков соответствуют значениям переменной.
- Ограничивайте возможное количество пузырьков для построения.
8. Диаграмма Ганта (Gantt chart)
Диаграмму Ганта используют для планирования и управления проектами. Это горизонтальная столбчатая диаграмма, где одна ось отображает временную шкалу, а другая — список задач. Сами задачи представлены столбцами, их расположение на графике и длина показывают начало, продолжительность и окончание задачи.
Рекомендации:
- Цвета можно использовать для разделения задач на группы.
- Чтобы показать степень завершенности задачи, столбец можно частично заполнить, заштриховать или использовать другой цвет.
- Показать, какие задачи зависят друг от друга, помогут соединительные стрелки.
- Используйте проходящую через диаграмму вертикальную линию для выделения текущей даты.
Выбор цветовой палитры
Цвет — хороший инструмент для усиления смысла и ясности отображения данных, но только если понимаем, как он работает и как избежать проблем из-за неправильного использования.
При проработке цветовой палитры мы выделили следующие моменты:
- Чтобы объекты в таблице или на графике были хорошо видны, используйте цвет фона, который контрастирует с объектом.
- Используйте мягкие естественные цвета для большей части информации.
- Убедитесь, что палитры доступны для людей с ограниченными возможностями зрения, и следите, чтобы яркость цветов значительно различалась. Можно использовать другие методы акцентирования данных, например, высококонтрастное затенение, форму или текстуру.
- Не забывайте сравнивать цвета друг с другом, они должны выглядеть гармонично.
- Палитры-градиенты подходят не для всех типов графиков. Пользователь должен без затруднений различать цвета и сопоставлять с легендой.
В нашей дизайн-системе семь базовых цветов — Blue, Cyan, Green, Yellow, Orange, Red, Purple, а также два варианта серого (Grey), каждый из которых имеет 20 градаций. Исходя из рекомендаций и существующей палитры, мы подобрали наиболее подходящие цвета для графиков:
Создание сетки
Чтобы можно было использовать сетку в дизайне разных графиков, она должна быть универсальной:
- Масштабироваться по высоте и ширине, так как нужна реализация под блоки разных размеров.
- Подстраиваться под выбранное количество значений по осям, не сбивая размер самой сетки.
- Быть максимально кастомизируемой, иметь возможность добавления и удаления осей, а также изменения стиля линий сетки с пунктирного на сплошной.
Мы рассмотрели различные открытые дизайн-системы, однако не смогли найти ничего нужного под наши требования. Поэтому решили собрать свои компоненты на основе существующих решений.
Инструкция для сбора адаптивной сетки
Основные составляющие сетки — линии по оси X и Y. Для них сделаем отдельные компоненты, чтобы через Variants была возможность выбора их количества (и количества координат по осям) и стиля (прямые или пунктирные), а с помощью Auto Layout зададим автоматические отступы, чтобы сетка могла подстраиваться под любой размер родительского блока.
После этого мы можем объединить их в один фрейм и организовать компонент базовой сетки. Зададим через Variants отображение нужных осей, а также обводки.
Кажется, что почти готово, но не хватает важных деталей. Во-первых, отобразим координаты по осям X и Y. Здесь мы должны учесть все возможные расположения осей (их четыре: слева, снизу, справа и сверху) и количество линий, которые нужно обозначить.
Во-вторых, нужно добавить возможность отображения подписи каждой шкалы. Этот шаг мы делаем совместно с финальным сбором всех компонентов в единое целое. Используем горизонтальный Auto Layout, чтобы задать все возможные варианты отображения сетки, сохраняя при этом размер (их получилось целых 64!).
Теперь мы можем использовать компонент на макетах под любой график и любые размеры, указывая в нём нужные оси и значения, а во-внутренних компонентах — регулировать количество линий и их стиль.
Улучшение взаимодействия
Здесь мы собрали рекомендации, которые можно применить к нескольким типам диаграмм.
Взаимодействие с диаграммой
- Сделайте легенды такими, чтобы их можно было “выключать” по необходимости. Легенды с чек-боксами – отличный вариант. Пользователю понятно, что на них можно нажимать, в отличие от обычных круглых маркеров. Когда категория одна, легенду с чек-боксом можно не делать (так как нет смысла “выключать” одну категорию) — заменяйте её на обычный маркер.
- Добавляйте состояние при наведении, чтобы пользователю было легче фокусировать своё внимание и получать необходимую информацию.
- Показывайте детальную информацию с помощью тултипа. Мы не всегда можем отображать все значения на графиках, поэтому убирайте их в тултипы.
Подписи
Когда надо вместить в график большое количество значений на осях, возникает проблема их расположения.
- Заранее продумайте логику: когда данных станет слишком много, как будут вести себя подписи на осях (какой они будут длины, сколько символов показывать, есть ли возможность сокращать их количество или скрывать за многоточием?)
- Уменьшайте количество значений. Пользователю необязательно все время видеть все данные — ему достаточно ориентироваться на графике, а дополнительную информацию он сможет получить при наведении на интересующую область.
-
Если вам нельзя уменьшать количество значений по оси Х (иногда такое бывает), подумайте о том, чтобы расположить график на всю ширину экрана. В крайнем случае можно сделать горизонтальный скролл. Это не самая удобная вещь, но иногда – единственный выход.
-
Располагайте подписи горизонтально, а не вертикально, и не наклоняйте их.
- Значения на осях должны быть понятны — рекомендуем к числовым данным добавлять уточняющие подписи: они могут быть как в самих значениях, так и стоять сверху или сбоку оси.
Еще несколько полезных советов:
- Уменьшайте количество линий сетки или вообще убирайте их — большое количество ухудшает восприятие.
-
Избегайте стиль графиков в перспективе (3D). Такие графики тяжелее считывать.
-
Подумайте о следующих шагах (актуально для графиков на дашборде):
— Переход в полноэкранную версию, где пользователь сможет посмотреть детальные данные графика (например, можно сделать кнопку или ссылку);
— Дополнительные функции (например, поделиться графиком или экспортировать его).
Вот что у нас получилось
Теперь мы можем применять получившиеся графики и их сочетания в организации дашбордов для разных ролей пользователей (как правильно скомпоновать диаграммы — тема отдельной статьи). А пока вот один из вариантов, как выглядит интерфейс CRM от T1 с графиками, созданными с учетом представленных в статье советов.
Построение диаграммы в Microsoft Excel по таблице – основной вариант создания графиков и диаграмм другого типа, поскольку изначально у пользователя имеется диапазон данных, который и нужно заключить в такой тип визуального представления.
В Excel составить диаграмму по таблице можно двумя разными методами, о чем я и хочу рассказать в этой статье.
Способ 1: Выбор таблицы для диаграммы
Этот метод показывает, как сделать диаграмму в Excel, взяв за основу уже готовую таблицу и выделив необходимые ячейки, которые и должны попасть в сам график. Его можно назвать самым простым, поскольку от пользователя не требуется ручной ввод каждого числа и заполнение данных для того, чтобы график отобразил их на листке. Достаточно выполнить следующую инструкцию, чтобы справиться с поставленной задачей.
-
Откройте необходимую таблицу и выделите ее, зажав левую кнопку мыши и проведя до завершения.
-
Вы должны увидеть, что все ячейки помечены серым цветом, значит, можно переходить на вкладку «Вставка».
-
Там нас интересует блок «Диаграммы», в котором можно выбрать одну из диаграмм или перейти в окно с рекомендуемыми.
-
Откройте вкладку «Все диаграммы» и отыщите среди типов ту, которая устраивает вас.
-
Справа отображаются виды выбранного типа графика, а при наведении курсора появляется увеличенный размер диаграммы. Дважды кликните по ней, чтобы добавить в таблицу.
-
Предыдущие действия позволили вставить диаграмму в Excel, после чего ее можно переместить по листку или изменить размер.
-
Дважды нажмите по названию графика, чтобы изменить его, поскольку установленное по умолчанию значение подходит далеко не всегда.
-
Не забывайте о том, что дополнительные опции отображаются после клика правой кнопкой мыши по графику. Так вы можете изменить шрифт, добавить данные или вырезать объект из листа.
-
Для определенных типов графиков доступно изменение стилей, что отобразится на вкладке «Конструктор» сразу после добавления объекта в таблицу.
Как видно, нет ничего сложного в том, чтобы сделать диаграмму по таблице, заранее выбрав ее на листе. В этом случае важно, чтобы все значения были указаны правильно и выбранный тип графика отображался корректно. В остальном же никаких трудностей при построении возникнуть не должно.
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Подписаться
Способ 2: Ручной ввод данных
Преимущество этого типа построения диаграммы в Экселе заключается в том, что благодаря выполненным действиям вы поймете, как можно в любой момент расширить график или перенести в него совершенно другую таблицу. Суть метода заключается в том, что сначала составляется произвольная диаграмма, а после в нее вводятся необходимые значения. Пригодится такой подход тогда, когда уже сейчас нужно составить график на листе, а таблица со временем расширится или вовсе изменит свой формат.
-
На листе выберите любую свободную ячейку, перейдите на вкладку «Вставка» и откройте окно со всеми диаграммами.
-
В нем отыщите подходящую так, как это было продемонстрировано в предыдущем методе, после чего вставьте на лист и нажмите правой кнопкой мыши в любом месте текущего значения.
-
Из появившегося контекстного меню выберите пункт «Выбрать данные».
-
Задайте диапазон данных для диаграммы, указав необходимую таблицу. Вы можете вручную заполнить формулу с ячейками или кликнуть по значку со стрелкой, чтобы выбрать значения на листе.
-
В блоках «Элементы легенды (ряды)» и «Подписи горизонтальной оси (категории)» вы самостоятельно решаете, какие столбы с данными будут отображаться и как они подписаны. При помощи находящихся там кнопок можно изменять содержимое, добавляя или удаляя ряды и категории.
-
Обратите внимание на то, что пока активно окно «Выбор источника данных», захватываемые значения таблицы подсвечены на листе пунктиром, что позволит не потеряться.
-
По завершении редактирования вы увидите готовую диаграмму, которую можно изменить точно таким же образом, как это было сделано ранее.
Вам остается только понять, как сделать диаграмму в Excel по таблице проще или удобнее конкретно в вашем случае. Два представленных метода подойдут в совершенно разных ситуациях и в любом случае окажутся полезными, если вы часто взаимодействуете с графиками во время составления электронных таблиц. Следуйте приведенным инструкциям, и все обязательно получится!