Параметры данных и стиля для визуализации сообщества определяются в конфигурационном JSON-файле. Конфигурация data задает количество измерений и метрик, поддерживаемых визуализацией. Конфигурация style определяет селекторы стиля, доступные на панели свойств.
Конфигурация данных
В настройках data определяются элементы DIMENSION и METRIC, которые Looker Studio отображает на панели свойств. Каждый элемент соответствует полям измерения и элемента, которые конечный пользователь предоставляет в качестве входных данных для визуализации.
Пример элемента данных:
{
"id": "twoDimensionsPlease",
"label": "Dimension Element Heading",
"type": "DIMENSION",
"options": {
"min": 2,
"max": 2,
}
}
id , заданный в элементе данных, включается в информацию, которую предоставляет Looker Studio. label определяет текст, который пользователи видят над разделом данных, а type определяет, является ли это измерением или метрикой. Объект options определяет минимальное и максимальное количество полей, которые пользователь может добавить в элемент данных.
В элементе данных DIMENSION объект options поддерживает необязательный ключ supportedTypes . Если он определен, Looker Studio ограничивает типы полей измерения, которые можно добавить в элемент. Значение supportedTypes представляет собой массив, который может содержать любую комбинацию "DEFAULT", "TIME" и "GEO".
Раздел данных объединяет несколько элементов данных. Looker Studio отображает label в качестве заголовка для нескольких элементов данных.
Раздел с примерами данных:
{
"id": "dimensionSection1",
"label": "Dimension Section Heading",
"elements":[
// array of data elements
]
}
На этом снимке экрана показано, как Looker Studio отображает раздел данных и элемент данных, показанные выше:
Настройка стиля
В настройках стиля определяются селекторы стиля, которые отображаются на панели свойств.
Пример элемента стиля:
{
"id": "linkOpacity",
"label": "Link opacity",
"type": "OPACITY",
"defaultValue": "0.2"
}
label определяет текст, который пользователи видят во всплывающей подсказке, а type определяет тип селектора стиля, который отображает Looker Studio. При желании defaultValue определяет значение по умолчанию для каждого элемента стиля.
Подобно элементам данных, элементы стиля определяются внутри разделов, которые задают заголовки и логические группировки. Полный список доступных селекторов см. в справочнике по конфигурации .
Пример раздела с примерами стилей:
{
"id": "styleGroup1",
"label": "Header for style group",
"elements": [
// insert Style Elements here
]
}
На следующем снимке экрана показан пример панели стилей с селектором прозрачности, где всплывающая подсказка «Прозрачность ссылки» соответствует label в элементе стиля.
Конфигурация взаимодействия
Настройки interaction определяют, как работают взаимодействия на диаграмме для визуализации сообщества. Это необязательный параметр.
Пример:
{
"id": "onClick",
"supportedActions": ["FILTER"]
}
В настоящее время поддерживается только FILTER . Если вы настраиваете взаимодействия, в панели свойств появляется флажок.
Конфигурация функций
В настройках features можно включать или отключать различные функции в визуализации вашего сообщества. Этот раздел является необязательным. Список функций можно найти в справочнике по настройкам .
Пример:
"features": {
"enableComparisonDateRange": true
}
Пример
Пример конфигурации визуализации можно посмотреть в файле sampleconfig .
Следующие шаги
После определения конфигурации напишите визуализацию .