Crear un gráfico de indicador sólido con el editor de configuración de gráficos

Los gráficos de indicador sólido son útiles para mostrar números en un intervalo 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 indicador sólidos a partir de un gráfico de columnas en Looker. Los gráficos de indicador sólido requieren una dimensión y una medida.

Por ejemplo, el siguiente gráfico de indicador sólido muestra el valor actual de la métrica Satisfacción del cliente (CSAT), que se representa con una barra de progreso circular de color azul. Como los valores posibles de las puntuaciones de satisfacción del cliente pueden ir del 0 al 100, estos valores se representan en los extremos del indicador.

Requisitos previos

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

Escribir el fragmento JSON

Para crear un gráfico de indicador sólido, empieza con el siguiente fragmento de código JSON:

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

Cambia los siguientes valores para adaptarlos a tu caso práctico:

  • El atributo yAxis.min define el valor mínimo del gráfico de indicador sólido.
  • El atributo yAxis.max define el valor máximo del gráfico de indicador sólido.
  • El atributo yAxis.tickAmount especifica el número de etiquetas que se deben mostrar alrededor del gráfico de indicador sólido. Las etiquetas se distribuirán de forma uniforme en función de los atributos yAxis.min y yAxis.max.

Crear un gráfico de indicadores sólido

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

  1. Consulta un gráfico de columnas en Explorar o edita un gráfico de columnas en un Look o un panel de control.

    En este ejemplo, te recomendamos que empieces con un gráfico de columnas que tenga una dimensión y una medida, con un límite de una fila. El gráfico inicial podría tener un aspecto similar al de este ejemplo:

    Gráfico de columnas de ejemplo con una sola columna que se extiende a lo largo del eje Y.

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

  3. En la pestaña Gráfico, haz clic en el botón Editar configuración del gráfico. Looker muestra el cuadro de diálogo Editar configuración del gráfico.

  4. Selecciona la sección Configuración del gráfico (anulación) e introduce el JSON de HighCharts de la sección Escribir el fragmento JSON de esta página.

  5. Para que Looker dé el formato adecuado a tu JSON, haz clic en <> (Formatear 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 la visualización, puedes guardarla.