Как добавить изображения в таблицы с данными Google Data Studio

Константин Булгаков
Константин Булгаков
04 Апр.2019
В этой статье мы разберем возможность добавления изображений в отчеты Google Data Studio.

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

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

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

Я скопировал из таблицы первые 10 лидеров рейтинга в новый документ Google Sheets с информацией по различным срезам. Также дополнительно добавил еще одну колонку Image URL с URL-адресами на государственные флаги стран, которые нашел на Википедии.

Табличка приобрела такой вид:

Рейтинг стран ТОП-10 в Google Sheets

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

Передача данных из Google Spreadsheets

Добавляем созданную таблицу в качестве источника данных в Google Data Studio.

  1. Авторизируемся в аккаунте Google Data Studio;
  2. Открываем в левом меню Источники данных и нажимаем в нижнем правом углу на иконку с плюсом;
  3. Выбираем из списка требуемый коннектор — Google Таблицы;
  4. Находим ранее созданную из списка таблицу;
  5. Нажимаем в правом верхнем углу кнопку Связать.

Так будет выглядеть набор параметров и метрик, которые подтянулись из Google Sheets в Data Studio.

Набор данных для Google Data Studio

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

Создание отчета

Нажимаем на кнопку Добавить поле в правой части экрана и видим окно для ввода дополнительных параметров и формул. Мы будем вводить формулу:

IMAGE (Image URL, [Alternative Text])

Здесь параметры означают следующее:

Image URL — поле со ссылкой на изображение, которое требуется добавить в таблицу;
Alternative Text — необязательное поле с описанием изображения.

В моем случае формула будет принимать такой вид:

IMAGE (Image URL, Страна)

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

Создание нового поля в Google Data Studio

Как видите добавилось еще одно поле. Набор данных приобрел вид:

Обновленных набор данных рейтинга

Теперь мы можем передать данные в Google Data Studio. Нажимаем на синюю кнопку Создать отчет. Затем в панели с инструментами добавляем диаграмму — Таблица с тепловой картой Таблица с тепловой картой .

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

Настройки таблицы

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

Результат

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

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

Друзья, а теперь как и обещал, делюсь с вами ссылкой на исходную таблицу с данными https://docs.google.com/spreadsheets/d/1_epZQqrVwcQLsi-dS1I90q4z2VbLsiUoxhbxKqtM_MY/edit?usp=sharing. Надеюсь, что информация в статье оказалась полезной для вас.

У вас есть другие варианты использования изображений в таблицах? Дайте знать об этом в комментариях!

Остались вопросы?

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

Как добавить изображения в таблицы с данными Google Data Studio: 3 комментария

  1. Ну, уже кое-что! Спасибо. Надеюсь GDS когда-нибудь реализуют этот функционал в полной мере.

  2. Не получается добавить картинки.
    сделал ровно также.
    http://joxi.ru/xAeoZn9FbzzEOm

    2 вопрос. Как регулировать размеры такой картинки? Можно ли применять подобные формулы как в гугл таблице?

    В гугле таблице IMAGE(ссылка; [режим]; [высота]; [ширина])

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *