Чтобы не расширять объяснение, ниже показан снимок экрана, содержащий все текущие параметры:
Конфигурация по умолчанию STYLE_Graph 1_Google Data Studio
Номер серии 1. Мы можем выбирать между линией и столбцами, а также можно регулировать толщину линии 1, а также цвет серии 1. Также можно выбрать различные типы представления (накопление, отображение точек или отображение меток данных) или установите линию тренда (нет, линейная, экспоненциальная или полиномиальная).
Референтные линии. Мы могли бы добавить несколько опорных линий, настроив такие параметры, как тип, значение, ось и метка, а также толщину, тип и цвет линии.
Общий . Чтобы представить недостающие данные, мы можем установить для линии нулевое значение, высоту строки или линейную интерполяцию. Дополнительно мы можем активировать опцию сглаживания (она показывает линии серии в виде кривых).
Топоры . Мы можем активировать параметры, чтобы отображать оси, инвертировать направление оси Y и инвертировать направление оси X.
Ось Y слева . Мы можем отобразить название оси, а также размер минимальной и максимальной оси. Вы также можете определить собственный интервал между отметками и активировать опцию «Логарифмическая шкала».
ось Х. Мы можем отобразить заголовок оси, а также определить собственный интервал между отметками и выбрать автоматический интервал, по периоду или по дате.
Сетка . Параметры, которые мы можем изменить, — это цвет и размер шрифта оси, цветовая сетка, семейство шрифтов, цвет фона и границы диаграммы.
Легенда . Параметры, которые мы можем изменить, — это цвет и размер шрифта легенды, семейство шрифтов, выравнивание и максимальное количество строк.
Фон и граница . Параметры, которые мы можем изменить, — это цвет фона и границы, а также радиус, яркость, толщина и стиль границы. Мы также можем добавить теневую границу.
Заголовок диаграммы . Мы можем выбирать между не показывать, показывать всегда или показывать при наведении курсора. Также разрешено изменить цвет шрифта заголовка.
Наконец, предлагается возможность сбросить тему отчета (в этом случае возвращаются все значения по умолчанию, если мы их уже меняли).
Что ж, поскольку все эти параметры можно изменять, и мы видим установленные данные настройки (см. снимок экрана), которые показывают нам текущий внешний вид нашего первого графика, теперь речь идет о «тестировании» с различными параметрами и размерами, чтобы приспособить дизайн к нашему нравится.
Итак, изменив настройки по своему усмотрению, мы изменили внешний вид нашего первого графика, который теперь выглядит так:
Диаграмма Студии данных Google (1)Как видите, визуальные изменения были весьма заметными, но мы почти не потратили времени на внесение соответствующих изменений.
Чтобы показать установленные опции и параметры, на следующем скриншоте показаны рассмотренные значения, соответствующие окончательному проекту:
Пользовательские настройки CHART_STYLE 1_Google Data StudioНа этом этапе мы собираемся «пометить» наш первый график легендой «Эволюция продаж», и для этого мы сделаем следующее:
Меню инструментов Text_Edit_Google Data StudioПри нажатии на значок «Текст» в меню «Правка» на панели появляется текстовое поле, размер которого можно «изменить» и в которое можно ввести текст, формат которого можно настроить.
Text_Sales Evolution_1_Студия данных GoogleПри вводе текста « Эволюция продаж » он отображается с выравниванием и форматом «по умолчанию», который соответствует параметрам, показанным в разделе « Свойства текста» .
Итак, теперь нам нужно изменить эти параметры и опции, чтобы адаптировать их по своему вкусу. После внесения изменений метка нашего первого графика будет выглядеть так:
Text_Sales Evolution_2_Студия данных GoogleИ мы увидим справа измененные настройки под свойствами текста.
Полная разработка дашборда
Теперь, когда мы знаем, как создать график на нашей информационной панели, мы собираемся дополнить его, добавив больше графиков и меток, чтобы он предоставил нам наибольшее количество визуальной информации.
Мы собираемся начать с добавления основного заголовка на нашу информационную панель, которую мы назовем « Пример информационной панели электронной коммерции ». Для этого мы выполняем те же шаги, что и при создании метки нашего графика. С настроенными свойствами текста это будет выглядеть так:
