Como configurar gráficos no painel do Grafana?

Existem várias formas:

Editor visual: No modo de edição do painel, selecione o tipo de visualização "Graph". Na aba Query, adicione as fontes de dados (por exemplo, Prometheus, InfluxDB). Na aba "Graph", configure a aparência: eixos, legenda, intervalo de tempo.
```
// Exemplo de configuração do eixo Y
// Definir valor mínimo e máximo
// Unidade: bytes, s, requests, etc.
// Rótulo: Nome do eixo
```

PromQL (para Prometheus): Use a linguagem de consultas Prometheus para extrair dados e criar gráficos.

// Exemplo de consulta: carga média de CPU nos últimos 5 minutos
avg(rate(node_cpu_seconds_total{mode="idle"}[5m]))

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

-- Exemplo de consulta: valor médio da métrica memory_usage na última hora, agrupado por host e device
SELECT mean("memory_usage") FROM "telegraf"."autogen"."mem" WHERE time >= now() - 1h GROUP BY time(1m), "host", "device" fill(none)

Jsonnet/Dashboard do Grafana como código: Descrição do painel e gráficos em um arquivo de configuração. Permite gerenciar os painéis de forma versionada e automatizar sua criação.

// Exemplo de definição de gráfico em 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',
    },
  },
}

A edição das configurações visuais é feita através da aba "Graph" ou "Visualization", dependendo do tipo de gráfico e da versão do Grafana. Aqui, configura-se cores, estilos de linhas, exibição de pontos, área do gráfico, tooltips e outros elementos.

Aspectos importantes incluem a escolha do intervalo de tempo correto para a consulta (Time range), a frequência de atualização dos dados (Refresh interval) e o uso de funções de agregação (avg, sum, rate, etc.) para processar os dados das fontes.