¿Cómo configurar gráficos en el panel de Grafana…

Existen varias formas:

Editor visual: En modo de edición del panel, selecciona el tipo de visualización "Graph". En la pestaña Query, añade las fuentes de datos (por ejemplo, Prometheus, InfluxDB). En la pestaña "Graph", configura la apariencia: ejes, leyenda, rango de tiempo.
```
// Ejemplo de configuración del eje Y
// Establecer valor mínimo y máximo
// Unidad: bytes, s, requests, etc.
// Etiqueta: Nombre del eje
```

PromQL (para Prometheus): Usa el lenguaje de consultas de Prometheus para extraer datos y crear gráficos.

// Ejemplo de consulta: carga media de CPU en los últimos 5 minutos
avg(rate(node_cpu_seconds_total{mode="idle"}[5m]))

InfluxQL (para InfluxDB): Lenguaje de consultas para InfluxDB.

-- Ejemplo de consulta: valor medio de la métrica memory_usage en la última hora, agrupado por host y device
SELECT mean("memory_usage") FROM "telegraf"."autogen"."mem" WHERE time >= now() - 1h GROUP BY time(1m), "host", "device" fill(none)

Jsonnet/Dashboard de Grafana como código: Descripción del panel y gráficos en un archivo de configuración. Permite gestionar los paneles de forma versionada y automatizar su creación.

// Ejemplo de definición de gráfico en Jsonnet
{
  title: 'CPU Usage',
  type: 'graph',
  lines: true,
  targets: [
    {
      expr: '100 - avg(rate(node_cpu_seconds_total{mode="idle"}[5m])) * 100',
      legendFormat: 'CPU Busy',
      refId: 'A',
    },
  ],
  fieldConfig: {
    defaults: {
      unit: 'percent',
    },
  },
}

La edición de configuraciones visuales se realiza a través de la pestaña "Graph" o "Visualization", dependiendo del tipo de gráfico y la versión de Grafana. Aquí se configuran colores, estilos de línea, puntos, área del gráfico, tooltips y otros elementos.

Aspectos importantes son la selección del intervalo de tiempo correcto para la consulta (Time range), la frecuencia de actualización de datos (Refresh interval) y el uso de funciones de agregación (avg, sum, rate, etc.) para procesar los datos de las fuentes.

¿Cómo configurar gráficos en el panel de Grafana?