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

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 indicadores sólidos a partir de un gráfico de columnas en Looker. Los gráficos de indicadores sólidos requieren una dimensión y una medición.

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

Requisitos previos

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

Escribe el fragmento JSON

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

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

Cambia los siguientes valores para que se ajusten a tu caso de uso:

  • 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 indicadores sólido.
  • El atributo yAxis.tickAmount especifica la cantidad de etiquetas que se deben mostrar alrededor del gráfico de indicadores sólido. Las etiquetas se distribuirán de manera uniforme según los atributos yAxis.min y yAxis.max.

Crea un gráfico de indicadores sólido

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

  1. Visualiza 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 medición, con un límite de una fila. Tu gráfico inicial podría verse como el siguiente ejemplo:

    Gráfico de columnas de muestra con una sola columna que se extiende por el eje Y.

  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 cuadro de diálogo Editar configuración del gráfico.

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

  5. Para permitir que Looker aplique el formato correcto a tu JSON, haz clic en <> (Dar formato al 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.