Cómo crear un gráfico de medidor sólido con el editor de configuración de gráficos

Nota: A partir de Looker 24.8, el Editor de configuración de gráficos admite la creación de gráficos de indicadores sólidos.

Los gráficos de indicadores sólidos son útiles para mostrar números en un rango conocido. Los lectores pueden determinar rápidamente si el valor actual es relativamente alto o bajo en función de los valores esperados.

Con el Editor de configuración de gráficos, puedes crear gráficos de medidores sólidos a partir de un gráfico de columnas en Looker. Los gráficos de medidores sólidos requieren una dimensión y una medición.

Por ejemplo, el siguiente gráfico de indicador sólido muestra el valor actual de la medida de satisfacción del cliente (CSAT), que se representa con una barra de progreso circular azul. Dado que los posibles valores de las puntuaciones de satisfacción del cliente (CSAT) pueden ser de 0 a 100, esos valores se representan en cualquiera de los extremos del indicador.

Requisitos previos

Para acceder al editor de configuración de gráficos, debes tener el permiso can_override_vis_config.

Cómo escribir el fragmento JSON

Para crear un gráfico de medidor sólido, comienza con el siguiente fragmento JSON:

{
  chart: {
    type: 'solidgauge'
  },
  yAxis: [{
    min: 0,
    max: 100,
    tickAmount: 10
  }],
}

Cambia los siguientes valores según tu caso de uso:

• El atributo yAxis.min define el valor mínimo para el gráfico de indicadores sólidos.
• El atributo yAxis.max define el valor máximo del gráfico de medidor sólido.
• El atributo yAxis.tickAmount especifica la cantidad de etiquetas que deben mostrarse alrededor del gráfico de calibre sólido. Las etiquetas se distribuirán de manera uniforme según los atributos yAxis.min y yAxis.max.

Crear un gráfico de calibre sólido

Para crear un gráfico de medidor sólido, sigue estos pasos:

1. Consulta un gráfico de columnas en una exploración o edita un gráfico de columnas en una vista o un panel.

   Para este ejemplo, te recomendamos que comiences con un gráfico de columnas con una dimensión y una medida, con un límite de una fila. Tu gráfico inicial podría verse de la siguiente manera:

   

2. Abre el menú Editar en la visualización.

3. En la pestaña Plot, haz clic en el botón Edit Chart Config. Looker muestra el diálogo Editar configuración del gráfico.

4. Selecciona la sección Configuración del gráfico (anular) y, luego, ingresa el archivo JSON de HighCharts en la sección Escribe el fragmento JSON de esta página.

5. Para permitir que Looker formatee correctamente tu JSON, haz clic en <> (Formato del código).

6. Para probar los cambios, haz clic en Vista previa.

7. Para aplicar los cambios, haz clic en Aplicar. La visualización se mostrará con los valores JSON personalizados.

Una vez que hayas personalizado tu visualización, puedes guardarla.