Gráficos¶
Visualiza datos con gráficos interactivos para entender tendencias y patrones.
Tipos de gráficos¶
Gráfico de líneas: Ejecuciones en el tiempo¶
┌─────────────────────────────────────────────────────────────────┐
│ Ejecuciones por día │
├─────────────────────────────────────────────────────────────────┤
│ │
│ 100│ ╭─╮ │
│ │ ╭──────╯ ╰───╮ │
│ 75│ ╭──────╯ ╰──╮ │
│ │ ╭──────╯ ╰──────╮ │
│ 50│ ╭────╯ ╰─── │
│ │─╯ │
│ 25│ │
│ │ │
│ 0├────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬──── │
│ L M X J V S D L M X J │
│ │
│ ── Total ── Exitosas ── Fallidas │
└─────────────────────────────────────────────────────────────────┘
Muestra: - Tendencia de ejecuciones - Comparación éxitos vs fallos - Patrones semanales
Gráfico de barras: Tareas por estado¶
┌─────────────────────────────────────────────────────────────────┐
│ Ejecuciones por estado │
├─────────────────────────────────────────────────────────────────┤
│ │
│ Exitoso ████████████████████████████████████████████ 156 │
│ │
│ Fallido █████ 12 │
│ │
│ Timeout ██ 5 │
│ │
│ Cancelado █ 3 │
│ │
└─────────────────────────────────────────────────────────────────┘
Gráfico circular: Distribución de agentes¶
┌─────────────────────────────────────────────────────────────────┐
│ Uso por agente │
├─────────────────────────────────────────────────────────────────┤
│ │
│ ╭────────────╮ │
│ ╭───│ Backup │───╮ Agentes: │
│ ╱ │ 25% │ ╲ • Backup Agent (25%) │
│ │ ╰────────────╯ │ • Deploy Agent (35%) │
│ │ ╭───────────────────╮ │ • Monitor Agent (20%) │
│ │ │ Deploy │ │ • Report Agent (15%) │
│ ╲ │ 35% │╱ • Otros (5%) │
│ ╲╰───────────────────╯ │
│ │
└─────────────────────────────────────────────────────────────────┘
Heatmap: Actividad por hora¶
┌─────────────────────────────────────────────────────────────────┐
│ Actividad por hora del día │
├─────────────────────────────────────────────────────────────────┤
│ 00 02 04 06 08 10 12 14 16 18 20 22 │
│ │
│ Lun ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ▒▒ ░░ ░░ ░░ │
│ Mar ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ▒▒ ░░ ░░ ░░ │
│ Mié ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ▒▒ ░░ ░░ ░░ │
│ Jue ░░ ░░ ░░ ░░ ▒▒ ██ ██ ██ ▒▒ ░░ ░░ ░░ │
│ Vie ░░ ░░ ░░ ░░ ▒▒ ██ ██ ▒▒ ░░ ░░ ░░ ░░ │
│ Sáb ░░ ░░ ░░ ░░ ░░ ▒▒ ▒▒ ░░ ░░ ░░ ░░ ░░ │
│ Dom ░░ ░░ ░░ ░░ ░░ ▒▒ ▒▒ ░░ ░░ ░░ ░░ ░░ │
│ │
│ ░░ Bajo ▒▒ Medio ██ Alto │
└─────────────────────────────────────────────────────────────────┘
Útil para: - Identificar horas pico - Optimizar programación de tareas - Detectar patrones anómalos
Gráficos interactivos¶
Zoom y navegación¶
- Scroll: Zoom in/out
- Arrastrar: Navegar por el tiempo
- Clic: Ver detalle del punto
Tooltips¶
Al pasar el ratón sobre un punto:
┌─────────────────────────┐
│ 15 de Enero, 10:00 │
│ ─────────────────────── │
│ Ejecuciones: 45 │
│ Exitosas: 43 (95.5%) │
│ Duración media: 2.3m │
└─────────────────────────┘
Filtros de gráficos¶
Personaliza qué datos mostrar:
┌─────────────────────────────────────────────────────────────────┐
│ Filtros │
├─────────────────────────────────────────────────────────────────┤
│ │
│ Proyectos: [Todos ▼] │
│ Agentes: [Todos ▼] │
│ Estado: ☑️ Exitoso ☑️ Fallido ☐ Timeout ☐ Cancelado │
│ Agrupación: ○ Hora ● Día ○ Semana ○ Mes │
│ │
└─────────────────────────────────────────────────────────────────┘
Crear dashboard personalizado¶
Crea tu propio dashboard con los gráficos que necesitas:
- Ve a Estadísticas > Dashboards
- Haz clic en + Nuevo dashboard
- Arrastra widgets al lienzo
- Configura cada widget
- Guarda
Widgets disponibles¶
| Widget | Descripción |
|---|---|
| Contador | Número grande con comparativa |
| Líneas | Serie temporal |
| Barras | Comparación de categorías |
| Circular | Distribución porcentual |
| Heatmap | Matriz de intensidad |
| Tabla | Datos tabulares |
| Gauge | Indicador de progreso |
Compartir gráficos¶
Enlace directo¶
- En el gráfico, haz clic en Compartir
- Copia el enlace
- Cualquiera con acceso puede ver el gráfico
Embeber¶
Incluye gráficos en otras páginas:
Exportar imagen¶
- Haz clic en Descargar
- Selecciona formato: PNG, SVG, PDF
Siguiente: Reportes - Informes detallados.