Las opciones de datos y estilo para una visualización de la comunidad se definen en un archivo JSON de configuración. La configuración de data establece la cantidad de dimensiones y métricas que admite la visualización. La configuración de style define los selectores de estilo disponibles en el panel de propiedades.
Configuración de datos
La configuración de data define los elementos DIMENSION y METRIC que Looker Studio renderiza en el panel de propiedades. Cada elemento corresponde a los campos de dimensión y elemento que el usuario final proporciona como entradas para la visualización.
Elemento de datos de muestra:
{
"id": "twoDimensionsPlease",
"label": "Dimension Element Heading",
"type": "DIMENSION",
"options": {
"min": 2,
"max": 2,
}
}
El id que defines en el elemento de datos se incluye en la información con la que responde Looker Studio. El label define el texto que los usuarios ven sobre la sección de datos, y el type define si es una dimensión o una métrica. El objeto options define la cantidad mínima y máxima de campos que un usuario puede agregar al elemento de datos.
En un elemento de datos DIMENSION, el objeto options admite una clave supportedTypes opcional. Si se define, Looker Studio restringe el tipo de campos de dimensión que se pueden agregar al elemento. El valor de supportedTypes es un array que puede contener cualquier combinación de "DEFAULT", "TIME" y "GEO".
Una sección de datos agrupa varios elementos de datos. Looker Studio renderiza el label como encabezado de varios elementos de datos.
Sección de datos de muestra:
{
"id": "dimensionSection1",
"label": "Dimension Section Heading",
"elements":[
// array of data elements
]
}
En esta captura de pantalla, se muestra cómo Looker Studio renderiza la sección de datos y el elemento de datos anteriores:
Configuración de estilo
La configuración de estilo define los selectores de estilo que se renderizan en el panel de propiedades.
Ejemplo de un elemento de diseño:
{
"id": "linkOpacity",
"label": "Link opacity",
"type": "OPACITY",
"defaultValue": "0.2"
}
El label define el texto que los usuarios ven como una sugerencia, y el type define el tipo de selector de estilo que renderiza Looker Studio. De manera opcional, defaultValue define un valor predeterminado para cada elemento de estilo.
Al igual que los elementos de datos, los elementos de diseño se definen dentro de secciones, que proporcionan encabezados y agrupaciones lógicas. Para ver la lista completa de selectores disponibles, consulta la referencia de configuración.
Sección de estilo de muestra:
{
"id": "styleGroup1",
"label": "Header for style group",
"elements": [
// insert Style Elements here
]
}
En la siguiente captura de pantalla, se muestra un ejemplo de un panel de diseño con un selector de opacidad, con la sugerencia "Opacidad del vínculo" que corresponde al label en el elemento de diseño.
Configuración de la interacción
La configuración de interaction define cómo funcionan las interacciones con el gráfico en una visualización de la comunidad. Esto es opcional.
Ejemplo:
{
"id": "onClick",
"supportedActions": ["FILTER"]
}
Por el momento, solo se admite FILTER. Si configuras interacciones, aparecerá una casilla de verificación en el panel de propiedades.
Configuración de funciones
La configuración de features puede activar o desactivar varias funciones en tu visualización de la comunidad. Esta sección es opcional. Puedes encontrar una lista de funciones en la referencia de configuración.
Ejemplo:
"features": {
"enableComparisonDateRange": true
}
Ejemplo
Para ver un ejemplo de una configuración de visualización, consulta la configuración de ejemplo.
Próximos pasos
Una vez que hayas definido la configuración, escribe la visualización.