График гугл таблицы: Графики в Google Таблицах

Содержание

Графики в Google Таблицах

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

ПОЛЕЗНЫЕ СОВЕТЫ ОТ НАШИХ РАЗРАБОТЧИКОВ

Набор данных

1. Создайте таблицу в интерфейсе Google Таблицы

2. Добавьте заголовки для каждого столбца или строки (они будут выступать в роли условных обозначений на графике).

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

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


Построение графика

Если у Вас упорядочены все данные, то построить график или как его называет Google, диаграмму, довольно просто.

1. Выделите все данные, с которыми хотите построить график.

2. Выберете вставка из меню сверху, а затем Диаграмма.

3. Выберете вид диаграммы во всплывающем окне. Вы можете выбрать предложенный вариант или свой собственный.

4. Отформатируйте график во вкладке настройки так, как Вам нравится.

5. Выберите нужный вариант и закройте редактор диаграм.

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

Настройка графиков в Google Таблицах

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

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

1. Выделите Ваш график и кликните правой кнопкой мыши — откроется меню с вариантами того, что можно изменить

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

Как опубликовать вашу таблицу или диаграмму на сайте?

Вам необходимо открыть вкладку файл и там выбрать пункт опубликовать в интернете

Появится всплывающее окно с настройками для публикации в сайте.

Выберете таблицу которую хотите опубликовать на сайте.

Кликните опубликовать и выберете встроить.

Скопируйте iFrame код таблицы..

Далее в панели управления вашего сайта вам необходимо создать новый html виджет и открыть его для редактирования.

Выберете Google таблица и вставьте код вашей таблицы в html виджет.

Добавьте внутри тэга iframe.

Сохраните изменения.

Вы прочитали Графики в Google Таблицах; надеемся данная статья была полезной.Если у Вас остались вопросы или имеются нерешенные задачи, можете связаться с нашими специалистами.

Успехов!

СТАТЬЯ 1

Создание таблиц в Google Docs

Начало работы с Гугл Таблицами, описание процессов

СТАТЬЯ 3

Создание опроса с использованием Гугл Форм

Автоматическая оценка ответов с помощью форм Google и электронных таблиц.

Как сделать линейный график в Google Таблицах (простое пошаговое руководство)

Содержание:

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

Ниже приведен простой пример линейного графика, показывающего темпы роста ВВП США за последние 10 лет (источник).

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

В этом уроке я покажу вам, как создать линейный график в Google Таблицах, и все удивительные вещи, которые вы можете с ним делать (включая создание комбинации линейного графика и столбчатой ​​диаграммы).

Итак, приступим!

Как сделать простой линейный график в Google Таблицах

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

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

Ниже приведены шаги по вставке линейной диаграммы с использованием приведенных выше данных:

  • Выберите набор данных (вы также можете просто выбрать любую ячейку в наборе данных)
  • На панели инструментов щелкните значок «Вставить диаграмму» (или перейдите к опции «Вставить» в меню и затем нажмите «Диаграмма»).

Вот и все!

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

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

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

Ниже приведены шаги по преобразованию любого другого типа диаграммы в линейную диаграмму:

  • Выберите диаграмму, которую вы хотите преобразовать в линейную диаграмму
  • Нажмите на три точки, которые появляются в верхней правой части диаграммы.
  • Нажмите на опцию «Редактировать диаграмму». Это откроет панель «Редактор диаграмм» справа.
  • На панели редактора диаграмм нажмите кнопку «Настройка» (если она еще не выбрана).
  • В раскрывающемся списке Тип диаграммы выберите параметр Линейный график.

Вышеупомянутые шаги превратят существующую диаграмму (которая не является линейной диаграммой) в линейную диаграмму.

Как построить линейный график с несколькими линиями

В приведенном выше разделе мы рассмотрели действительно простой пример вставки линейного графика только с одной линией (поскольку он имеет только одну серию данных).

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

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

Ниже приведены шаги для этого:

  • Выберите набор данных (вы также можете просто выбрать любую ячейку в наборе данных)
  • На панели инструментов щелкните значок «Вставить диаграмму» (или перейдите к опции «Вставить» в меню и затем нажмите «Диаграмма»).

Приведенные выше шаги дадут вам многострочный график, как показано ниже:

Если в итоге вы получите диаграмму, которая не является линейной диаграммой, вы можете легко изменить ее в редакторе диаграмм (используя раскрывающийся список Тип диаграммы на вкладке «Настройка»).

Создание комбинированной линейной диаграммы (комбинация строки и столбца)

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

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

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

Ниже приведены шаги по созданию линейной комбинированной диаграммы в Google Таблицах:

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

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

Но это все еще не то, чего мы ожидали.

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

Чтобы исправить это, нам нужно убедиться, что числа выручки и прибыли нанесены на две разные оси (одна на первичной оси, а другая — на вторичной). Это гарантирует, что оба они будут видны.

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

  • Щелкните диаграмму.
  • Нажмите на три точки, которые появляются в верхней правой части диаграммы.
  • Нажмите на опцию Редактировать диаграмму
  • В настройках редактора диаграмм выберите вкладку Настроить.
  • Нажмите в опции серии
  • В раскрывающемся списке ниже выберите серию, которую вы хотите поместить на вторичную ось. В этом примере это будет серия «Прибыль».
  • В раскрывающемся списке «Ось» выберите «Правая ось».

Вот и все!

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

Настройка и настройка диаграммы

Теперь, когда мы знаем, как создавать линейные графики в Google Таблицах, давайте рассмотрим некоторые настройки, которые вы можете с ним сделать.

В редакторе диаграмм есть две опции для использования в линейных диаграммах:

  • Настройка графика
  • Настройки диаграммы

Чтобы открыть редактор диаграмм, вам нужно щелкнуть диаграмму, а затем щелкнуть три точки, которые появляются в правом верхнем углу диаграммы. Из появившихся опций нажмите на опцию «Редактировать диаграмму». Это откроет панель редактора диаграмм справа.

Давайте подробно рассмотрим каждый из них:

Настройка графика

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

Ниже приведены варианты настройки графика:

  • Тип диаграммы : здесь вы можете выбрать, какой тип диаграммы вы хотите вставить. Если Google Таблицы вставляют диаграмму, которая вам не нужна, вы можете использовать эту опцию, чтобы изменить ее.
  • Диапазон данных : здесь вы можете изменить диапазон данных, используемый в диаграмме.
  • Ось X : здесь вы можете изменить ось X. В наших примерах мы использовали годы в столбце A в качестве оси x, но в случае, если мы хотим изменить ось и использовать какой-либо другой ряд или диапазон данных, вы можете сделать это отсюда.
  • Серии : здесь у вас будут все серии, нанесенные на график. Вы можете изменить существующие серии или добавить новые отсюда.
  • Другие варианты : есть еще несколько вариантов, которые у вас есть, когда www.trump
    • Переключить строки / столбцы : этот параметр изменяет строки на столбцы и столбцы на строки. По умолчанию эта опция отключена.
    • Использовать строку 1 в качестве заголовков : этот параметр позволяет указать, следует ли использовать первую строку в качестве заголовка или нет. Google Таблицы часто устанавливают этот параметр для вас на основе вашего набора данных, но в случае, если он неверен, и вы хотите его изменить, вы можете сделать это здесь.
    • Использовать столбец A в качестве меток : как и в заголовке строки, вы также можете указать, хотите ли вы, чтобы первый столбец в выбранном наборе данных был метками или нет. Опять же, Google Sheets автоматически выберет этот вариант на основе вашего набора данных, но если вам нужно его изменить, вы можете сделать это здесь.

Настройки диаграммы

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

В этом разделе мы рассмотрим все параметры настройки диаграмм, которые у вас есть в Google Таблицах (они находятся на вкладке «Настроить» в редакторе диаграмм).

Стиль диаграммы

В параметре стиля диаграммы вы можете изменить цвет фона диаграммы, цвет границы диаграммы, а также шрифт текста в диаграмме.

Кроме того, у вас также есть следующие возможности:

  •  Сглаживание : при выборе этого параметра линии диаграммы будут выглядеть гладкими по сравнению с острыми краями, которые вы получите в противном случае. Ниже приведен пример графика, на котором линии сделаны плавными.
  • Развернуть : при выборе этого параметра область диаграммы будет увеличиваться таким образом, чтобы большая часть области диаграммы была занята диаграммой, и на диаграмме не было полей, отступов или лишних пробелов.
  • Построение нулевых значений : если у вас есть пустые ячейки (нулевые значения) в наборе данных, они не отображаются по умолчанию. Если вы включите эту опцию, нулевые значения будут нанесены на график, и вы не увидите никаких разрывов в линии линейной диаграммы.
Ось диаграммы и заголовки

Здесь вы можете настроить заголовки диаграммы и осей линейной диаграммы.

Вы можете изменить или добавить следующие типы заголовков:

  • Заголовок диаграммы
  • Подзаголовок диаграммы
  • Заголовок горизонтальной оси
  • Название вертикальной оси

Вы также можете указать шрифт заголовка, размер шрифта, цвет текста и формат текста (полужирный / курсив)

Серии

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

Вы можете внести следующие изменения, используя параметры серии:

  • Ось (влево или вправо): здесь вы можете изменить выравнивание оси и указать, хотите ли вы, чтобы ось была слева или справа. Вы также можете оставить один слева, а другой справа. Это полезно, когда у вас есть данные в разных значениях (как в одном из наших примеров, где у нас были выручка и маржа прибыли, где размер прибыли был в процентах). В этом случае имеет смысл иметь значение маржи прибыли на другой оси.
  • Толщина линий: здесь вы можете изменить толщину линий.
  • Размер точки: здесь вы можете указать, хотите ли вы, чтобы на линии, представляющей значение на линейной диаграмме, были точки. По умолчанию для него установлено значение «Нет», но вы можете изменить значение и отобразить его на графике.
  • Форма точки: вы также можете выбрать одну из форм точки. По умолчанию в нем используется круг, но вы также можете выбрать из других популярных, таких как треугольник или крестик.

Помимо этих опций, вы также можете добавить:

  • Планки погрешностей
  • Метки данных
  • Линия тренда

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

Легенда

Здесь вы найдете все параметры, связанные с легендой.

Вы можете следующее:

  • Положение легенды (вверху, внизу, слева, справа и т. Д.)
  • Шрифт легенды
  • Размер шрифта легенды
  • Формат легенды (полужирный или курсив)
  • Цвет текста легенды
Горизонтальная и вертикальная ось

Здесь вы найдете все параметры настройки, связанные с горизонтальной осью.

Вы можете сделать следующее:

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

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

Существует также опция «Разрешить скрытие данных за пределами границ», которая гарантирует, что вы не увидите данные, выходящие за указанные пределы на линейной диаграмме.

Линии сетки

В этом варианте вы можете изменить все, что касается линий сетки на линейном графике.

Вы можете изменить количество основных и второстепенных линий сетки на линейной диаграмме, а также цвет этих линий сетки.

Вот как вы можете создать линейный график в Google Таблицах, редактировать и настраивать его.

Надеюсь, вы нашли этот урок полезным.

как создавать диаграммы в Google Sheets

В этом руководстве объясняется, как создавать диаграммы в Google Sheets и какие типы диаграмм использовать в какой ситуации. Вы также узнаете, как создавать трехмерные диаграммы и диаграммы Ганта, а также как редактировать, копировать или удалять диаграммы.

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

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

Как сделать диаграмму в электронной таблице Google

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

Исходная таблица выглядит так:

Рассчитаем результаты продаж отдельных товаров по месяцам.

А теперь представим числовые данные более наглядно и лаконично с помощью графика.

Наша задача — проанализировать динамику продаж с помощью гистограмм и линейных диаграмм. Чуть позже мы также обсудим исследование структуры продаж с помощью круговых диаграмм.

Выберите диапазон ячеек для построения диаграммы. Диапазон должен включать заголовки строк и столбцов. Заголовки строк будут использоваться как имена индикаторов, заголовки столбцов — как имена значений индикаторов. Помимо количества продаж, мы также должны выбрать диапазоны по видам шоколада и по месяцам продаж. В нашем примере мы выбираем диапазон A1:D5.

Затем выберите в меню: Вставка — Диаграмма .

График Google Sheets построен, отображается редактор диаграмм. Ваша электронная таблица предложит вам тип диаграммы для ваших данных сразу.

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

Здесь вы можете изменить тип схемы по своему желанию.

Кроме того, вы можете изменить сам график.

Укажите, какие значения вы хотите использовать по горизонтальной оси.

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

Этот тип диаграммы ответит на следующие вопросы:

  • Как изменились продажи с настоящего момента?
  • Сколько штук каждого продукта было продано в каждый день?

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

  • Как продажи каждого товара менялись с течением времени?

В данном случае для нас главное предмет, а не дата.

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

На картинке ниже вы можете увидеть две версии нашего графика: старую и новую.

Можно заметить, что строки и столбцы на этих диаграммах поменялись местами.

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

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

Как редактировать диаграмму Google Sheets

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

Редактировать любой элемент диаграммы очень просто.

Щелкните левой кнопкой мыши по диаграмме, и справа вы увидите знакомое окно редактора диаграмм.

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

В разделе Chart Style можно изменить фон диаграммы, развернуть ее, превратить прямые линии в плавные, сделать 3D диаграмму. Также вы можете увеличить или уменьшить размер шрифта и изменить его цвет.

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

Кроме того, вы можете изменить стиль подписей осей и всей диаграммы, выбрать нужный шрифт, размер, цвет и формат шрифта.

Вы можете добавлять метки данных к диаграмме Google Sheets.

Чтобы было проще увидеть, как меняются индикаторы, можно добавить линию тренда.

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

Вы также можете настроить дизайн осей и линий сетки диаграммы.

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

Вот пример того, как можно изменить стандартную линейную диаграмму: сравните две версии одной и той же диаграммы сверху и снизу.

Как мы видим, Google Sheets предлагает множество возможностей для редактирования диаграмм. Не стесняйтесь попробовать все возможные варианты для достижения своей цели.

Как сделать круговую диаграмму в электронной таблице Google

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

Рассмотрим структуру продаж, т.е. соотношение разных видов шоколада в общем объеме продаж. Возьмем для анализа январь.

Как мы уже делали, давайте выберем наш диапазон данных. Помимо данных о продажах, мы выберем виды шоколада и месяц, в котором будем анализировать продажи. В нашем случае это будет A1:B5.

Затем выберите в меню: Вставка — Диаграмма .

График построен. Если Google Таблицы не угадали ваше требование и предложили столбчатую диаграмму (что случается довольно часто), исправьте ситуацию, выбрав новый тип диаграммы — круговая диаграмма ( Редактор диаграмм — Данные — Тип диаграммы ).

Вы можете редактировать макет и стиль круговой диаграммы так же, как вы делали это для гистограммы и линейной диаграммы.

Опять же, на скриншоте мы видим два варианта графика: исходный и измененный.

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

Сделать трехмерную диаграмму Google Spreadsheet

Чтобы представить данные в более привлекательном виде, вы можете сделать диаграмму трехмерной с помощью редактора диаграмм.

Установите флажок, как показано на рисунке выше, и получите трехмерную диаграмму. Все остальные настройки и изменения можно применить так же, как это делалось ранее со стандартными 2D-диаграммами.

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

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

Как сделать диаграмму Ганта в Google Таблицах

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

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

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

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

Добавим в нашу таблицу две колонки: день запуска задачи и продолжительность задачи.

Ставим день 1 на старт первой задачи. Для подсчета дня начала второго задания вычтем дату начала всего проекта (1 июля, ячейка B2) из ​​даты начала второго задания (11 июля, ячейка B3).

Формула в D3 будет:

=B3-$B$2

Обратите внимание, что ссылка на ячейку B2 является абсолютной, это означает, что если мы скопируем формулу из D3 и вставим ее в диапазон D4:D13, ссылка не изменится. Например, в D4 мы увидим:

=B4-$B$2

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

Таким образом, в E2 у нас будет:

=C2-B2

В E3:

=C3-B3

Теперь мы готовы построить нашу диаграмму.

Как вы, наверное, помните, в Google Sheets мы можем использовать несколько диапазонов данных для построения диаграммы.

В нашем случае мы будем использовать имена задач, дни начала и продолжительность. Это означает, что мы будем брать данные из столбцов A, D, E.

С помощью клавиши Ctrl выберите необходимые диапазоны.

Далее как обычно заходим в меню: Вставка — Диаграмма .

Выберите тип диаграммы Столбчатая диаграмма с накоплением.

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

Для этого нужно сделать значения невидимыми. Перейдем на вкладку Настройка , затем Серия — Применить к: Начать в день — Цвет — Нет.

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

Мы можем продолжить редактирование нашей диаграммы Ганта в Google Таблицах, изменить заголовок, расположение легенды и т. д. Здесь вы можете проводить любые эксперименты.

Взгляните на наш окончательный график.

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

Вот некоторые важные советов по работе с Google Таблицами Диаграмма Ганта:

  • Вы можете добавить новых задач и изменить их сроки.
  • Графики изменяются автоматически при добавлении или изменении новых задач.
  • Вы можете отмечать дни по оси X более подробно, используя настройки редактора диаграмм: Настройка — Линии сетки — Количество вспомогательных линий сетки.
  • Вы можете предоставить доступ к графику другим людям или присвоить им статус наблюдателя, редактора или администратора.
  • Вы можете опубликовать свою диаграмму Ганта в Google Таблицах как веб-страницу , которую члены вашей команды смогут просматривать и обновлять.

Как скопировать и вставить диаграмму электронной таблицы Google

Нажмите на график, и он сразу будет выделен. В правом верхнем углу появятся три вертикальные точки. Это значок редактора. Нажмите на нее, и вы увидите небольшое меню. Меню позволяет открыть редактор диаграмм, скопировать или удалить диаграмму, сохранить ее как изображение в формате PNG ( Сохранить изображение ), перенести диаграмму на отдельный лист ( Переместить на свой лист ). Здесь же можно добавить описание графика. Например, если по какой-то причине ваш график не отображается, вместо него будет представлен текст этого описания.

Существует два способа копирования диаграммы.

  1. Используйте описанную выше процедуру, чтобы скопировать диаграмму в буфер обмена. Затем перейдите в любое место на вашем столе (это может быть и другой лист), куда вы хотите вставить свою диаграмму. Затем просто перейдите в Меню-Редактировать-Вставить . Копирование завершено.
  2. Нажмите на диаграмму, чтобы выделить ее. Используйте комбинацию Ctrl + C, чтобы скопировать диаграмму. Затем переместите его в любое место на вашем столе (это может быть и другой лист), куда вы хотите вставить свою диаграмму. Чтобы вставить диаграмму, используйте комбинацию клавиш Ctrl + V.

Кстати, таким же образом вы можете вставить свою диаграмму в любой другой документ Google Docs .

После нажатия клавиш Ctrl + V вы можете либо вставить график в его текущее состояние без возможности его изменения ( Вставить несвязанный ), либо можно сохранить его подключение к исходным данным ( Ссылка на таблицу ). Во втором случае, если вы отредактируете исходную диаграмму, ее копия в Google Docs будет скорректирована.

Перемещение и удаление диаграммы Google Sheets

Чтобы изменить положение графика, щелкните по нему, зажмите левую кнопку мыши и переместите курсор. Вы увидите маленькое изображение руки, а вместе с ним будет двигаться и график.

Чтобы удалить диаграмму, просто выделите ее и нажмите клавишу Del. Также для этого можно использовать Меню, выбрав Удалить схему .

Если вы удалили диаграмму по ошибке, просто нажмите Ctrl + Z, чтобы отменить это действие.

Итак, теперь, если вам когда-нибудь понадобится представить свои данные графически, вы знаете, как это сделать, построив диаграмму в Google Sheets.

Электронная таблица с примерами формул

Учебное пособие по диаграммам Google Sheets (создайте копию этой таблицы)

Вас также может заинтересовать

динамических диаграмм с использованием Google Sheets в качестве источника данных

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

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

QuickChart извлекает данные из электронной таблицы и отображает изображение диаграммы, которое можно встроить куда угодно.

Предполагаю, что я знаком с Chart.js и визуализатором QuickChart. Чтобы узнать больше о том, как начать работу, ознакомьтесь с руководством по началу работы.

Предположим, у нас есть электронная таблица, которая выглядит следующим образом:

9034 4 6

9 0340

904 40

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

Начните с , создайте Google Sheet и скопируйте в него данные. Вы также можете загружать электронные таблицы Excel в Google. Приведенный выше пример был перенесен в Google Sheets здесь.

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

Посмотрите на URL вашей электронной таблицы. Это выглядит примерно так:

 https://docs.google.com/spreadsheets/d/  1qBJlbi200GozsP8W4gBGZOxuwKSYmBiiTH8olwx26E8  /edit#gid=0 

Часть, выделенная жирным шрифтом, называется идентификатором документа 9.0451 . Обратите внимание на этот идентификатор документа.

Далее мы создадим нашу конфигурацию Chart.js и добавим пользовательский плагин с именем googleSheets . Вот пример:

 { 
type: 'bar',
options: {
plugins: {
googleSheets: {
docId: '121DpBzwABbNB7JO3--dXGTI3CE2LL1WwPHXKCYDdsKM', 9001 5 лист: «Лист1»,
labelColumn: «Имя»,
dataColumns: ['Счетчик использования', 'Платеж'],
}
},
легенда: {
отображение: false
}
}
}

docId сообщает плагину, откуда брать данные. Остальные атрибуты необязательны. Используйте labelColumn или dataColumns , чтобы переопределить значения в конфигурации диаграммы.

В качестве альтернативы docId вы можете просто вставить полный URL-адрес листа в качестве атрибута sheetUrl .

Имя Количество использований Оплата
Джо 75 150
Джон 87 174
Сэм 4 8
Кэти 56 112
Арнольд 12
Сара 52 104
Тимми 25 50
Рэйчел 98 196
Джаред 52 104
Джордж 20 40
Дэйв 86 172
Джеффри 12 24

9 0344 "Имя"

Атрибут Описание Пример Примечания
sheetUrl Общий URL-адрес Google Sheets "https://docs.google.com/spreadsheets/..." Требуется, если docId не задан. Переопределяет docId и лист
docId Идентификатор листа Google "121DpBzwABbNB7JO3–dXGTI3CE2LL1 WwPHXKCYDdsKM" Требуется, если sheetUrl не задан
лист Имя листа или 0-индекс листа "Лист1" или "0" Необязательно, по умолчанию первый лист
labelColumn Имя столбца, определяющее метки для серии данных Опционально, значения по умолчанию к меткам в конфигурации диаграммы
dataColumns Список имен столбцов, определяющих числовые данные для каждого ряда данных ["Счетчик использования", "Платеж"] Необязательно, по умолчанию используются метки в конфигурации диаграммы
строки Объект, определяющий критерии строки {"limit": 20, "offset": 1} Необязательно
строки . limit Количество строк, которые необходимо взять из листа 20 для первых 20 рядов, -10 для последних 10 рядов Если отрицательный, счет будет снизу. По умолчанию неограниченно
rows.offset Количество строк для смещения таблицы на 1 , чтобы опустить первую строку. -5 , чтобы опустить последние 5 строк Если положительный, сдвинуть строки вверх. Если отрицательный, сдвиг строки вниз. По умолчанию 0
filter.label Предикат для фильтрации данных по метке label => label !== 'Joe' Верните true, чтобы сохранить строку, верните false, чтобы удалить ее

Как и любую другую диаграмму QuickChart, мы можем упаковать эту конфигурацию в строку JSON и отправить ее на конечную точку QuickChart в https://quickchart.io/chart :

  https://quickchart. io/chart?c=  {тип: 'bar', опции: {плагины: {googleSheets: {docId: '121DpBzwABbNB7JO3-- dXGTI3CE2LL1WwPHXKCYDdsKM',sheet:'Sheet1',labelColumn:'Name',dataColumns:['Usage count,'Payment']}},legend:{display:false}}} 

При отображении вышеуказанного URL-адреса в изображении вы увидите изображение ниже:

  

Данные для этого изображения динамически извлекаются из электронной таблицы

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

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

Вы не должны всегда переопределять метки или использовать каждый столбец данных в электронной таблице.

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

 { 
тип: 'bar',
данные: {
метки: ['Лицо 1', 'Лицо 2', 'Лицо 3 ', 'Человек 4', 'Человек 5'],
наборов данных: [
{ label: 'Всего платежей' }
],
},
вариантов: {
плагинов: {
googleSheets: {
sheetUrl: 'https: //docs.google.com/spreadsheets/d/121DpBzwABbNB7JO3--dXGTI3CE2LL1WwPHXKCYDdsKM/edit#gid=0',
dataColumns: ['Payment'],
строк: {
limit: -5
},
},
datalabels: {
color: '#fff',
font: {
weight: 'bold',
},
},
},
}
}

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

Кроме того, мы намеренно не включили столбец Usage count , чтобы показать только один набор данных Payment . Этот набор данных помечен как Всего платежей в условных обозначениях диаграммы.

Наконец, мы включили плагин меток данных. Это всего лишь одна из многих потенциальных настроек, которые мы можем представить.

Конечный результат выглядит следующим образом:

Данные для этого изображения динамически извлекаются из электронной таблицы

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

В этом примере мы используем новый набор данных «Температура и осадки» и разделяем наборы данных на несколько осей, представляя один столбиком, а другой — линией.

Электронная таблица выглядит следующим образом (эти данные находятся на вкладке «Погода» примера Google Sheet, который мы использовали выше): 42

Январь 33,37 1,59 9 февраля0345

28,75 6,47 март 47,58 3,52 9 апр 0345

54,48 15,32 март 74,49 15,92 июнь 90 345

86,29 19,69 июль 83,1 11,2 август 88,29 19,88 сен 66,06 4,08 окт 57,79 6,18 ноябрь 54,56

90 344 10. 7 Декабрь 45.05 12.73

Конфигурацию диаграммы устанавливаем так:

 { 
тип: 'bar',
данные: {
наборы данных: [
{
метка: 'Температура (F)',
порядок: 2,
},
{
тип: 'линия',
метка: 'Осадки (дюймы)',
yAxisID: 'y2',
order: 1,
fill: false,
}
]
},
options: {
plugins: {
googleSheets: {
docId: '121DpBzwABbNB7JO3 --dXGTI3CE2LL1WwPHXK CYDdsKM',
лист: 'Погода',
labelColumn: ' Метки»,
столбцов данных: ['Температура', 'Осадки'],
}
},
масштабов: {
yAxes: [{
id: 'y1',
}, {
id: 'y2',
position : 'право',
gridLines: {
drawOnChartArea: false,
},
}]
}
}
}

Мы получили следующий график:

Данные для этого изображения берутся из Google Sheet, а затем отображаются в виде графика по нескольким осям Y

Как отмечалось выше, диаграммы будут обновляться не чаще одного раза каждые 30 секунд.

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

Дальнейшее чтение​

Внешний вид диаграммы полностью настраивается с помощью документации Chart.js. Вам также следует ознакомиться с документацией QuickChart для получения дополнительной информации о ярлыках и плагинах.

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

Если вам нужны более короткие URL-адреса, ознакомьтесь с документацией по сокращению URL-адресов.

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

This entry was posted in Популярное