

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Paneles
<a name="dashboard-overview"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Un *panel de control* es un conjunto de uno o más paneles organizados y dispuestos en una o más filas. Amazon Managed Grafana se ofrece con una variedad de paneles. Amazon Managed Grafana facilita la creación de las consultas correctas y la personalización de las propiedades de visualización para que pueda crear el panel que necesita. Cada panel puede interactuar con los datos de cualquier origen de datos configurado. 

## Administración de paneles
<a name="manage-dashboards"></a>

 Para controlar el periodo de tiempo del panel, puede utilizar [Controles de intervalo de tiempo](dashboard-time-range-controls.md) en la parte superior derecha del panel. 

 Los paneles pueden usar plantillas y variables para hacerlos más dinámicos e interactivos. Para obtener más información, consulte [Plantillas y variables](templates-and-variables.md). 

 Los paneles pueden utilizar [Anotaciones](dashboard-annotations.md) para mostrar los datos de los eventos en todos los paneles. Esto puede ayudar a correlacionar los datos de serie temporal del panel con otros eventos. 

 Puede compartir fácilmente los paneles de diversas formas. Para obtener más información, consulte [Uso compartido de un panel de control](share-a-dashboard.md). 

 Los paneles se pueden etiquetar y el selector de paneles proporciona un acceso rápido y con capacidad de búsqueda a todos los paneles de una organización en particular. 

## Filas
<a name="dashboard-rows"></a>

 Una *fila* es un separador lógico dentro de un panel. Se utiliza para agrupar paneles. 

 Las filas siempre tienen 12 *unidades* de ancho. Estas unidades se escalan automáticamente en función de la resolución horizontal del navegador. Puede controlar el ancho relativo de los paneles dentro de una fila configurando su ancho específico. 

 Amazon Managed Grafana utiliza una abstracción de unidades para optimizar la apariencia en todos los tamaños de pantalla. 

**nota**  
 Con esta MaxDataPoint funcionalidad, Amazon Managed Grafana puede mostrar la cantidad requerida de puntos de datos, independientemente de la resolución o el intervalo de tiempo. 

 Para contraer una fila, elija el título de la fila. Si guarda un panel con una fila contraída, el panel se guardará en ese estado y los gráficos no se cargarán hasta que se amplíe la fila. 

 Utilice la funcionalidad de repetición de filas para crear o eliminar filas enteras de paneles de forma dinámica, en función de las variables de plantilla seleccionadas. 

# Anotaciones
<a name="dashboard-annotations"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Las anotaciones proporcionan una forma de marcar los puntos del gráfico con eventos detallados. Cuando hace una pausa en una anotación, puede ver la descripción y las etiquetas de un evento. El campo de texto puede incluir enlaces a otros sistemas para obtener más detalles. 

## Anotaciones nativas
<a name="native-annotations"></a>

 Amazon Managed Grafana incluye un almacén de anotaciones nativo y la posibilidad de agregar eventos de anotación directamente desde el panel de gráficos. 

## Adición de anotaciones
<a name="adding-annotations"></a>

 Para agregar una anotación, pulse **Ctrl** o **Cmd** y elija dónde quiere agregar la anotación. Para que la anotación se pueda buscar en otros paneles, agréguele etiquetas. 

### Cómo agregar anotaciones de región
<a name="adding-regions-events"></a>

 Para crear una anotación para una región, pulse **Ctrl** o **Cmd** mientras selecciona la región. 

### Consulta integrada
<a name="annotation-built-in-query"></a>

 Después de agregar una anotación, esta permanece visible. Esto se debe a que existe una consulta de anotación integrada en todos los paneles. Esta consulta de anotación busca todos los eventos de anotación que se originan en el panel actual y los muestra en el panel en el que se crearon. Esto incluye las anotaciones del historial del estado de las alertas. Para evitar que las anotaciones se busquen y se muestren, seleccione el icono de **Configuración del panel** (engranaje), elija **Anotaciones** y, a continuación, modifique la consulta llamada `Annotations & Alerts (Built-in)`. 

 Al copiar un panel mediante la característica **Guardar como**, el nuevo panel tiene un nuevo ID de panel, por lo que las anotaciones creadas en el panel de origen no se ven en la copia. Si las anotaciones del panel de origen tienen etiquetas por las que filtrar, puede mostrar las anotaciones en la copia agregando una nueva **consulta de anotación** y filtrando por las etiquetas. 

### Consulta por etiqueta
<a name="annotation-query-by-tag"></a>

 Puede crear nuevas consultas de anotación que obtengan anotaciones del almacén de anotaciones nativo utilizando el origen de datos `-- Grafana --` y configurando **Filtrar por** en **Etiquetas**. Especifique al menos una etiqueta. Por ejemplo, cree una consulta de anotación con el nombre `outages` y especifique una etiqueta llamada `outage`. Esta consulta mostrará todas las anotaciones que cree (desde cualquier panel o mediante una API) que tengan la etiqueta `outage`.

De forma predeterminada, si agrega varias etiquetas en la consulta de anotaciones, Amazon Managed Grafana mostrará solo las anotaciones que contengan todas las etiquetas que haya proporcionado. Para mostrar las anotaciones que contienen al menos una de las etiquetas que ha proporcionado, active la opción **Coincidir con cualquiera**. 

 En Amazon Managed Grafana, es posible utilizar variables de plantilla en la consulta de etiquetas. Por ejemplo, si tiene un panel que muestra las estadísticas de distintos servicios y una variable de plantilla que controla qué servicios mostrar, puede usar la misma variable de plantilla en la consulta de anotaciones para mostrar solo las anotaciones de esos servicios. 

## Consultas a otros orígenes de datos
<a name="querying-other-data-sources"></a>

 Los eventos de anotación se obtienen mediante consultas de anotación. Para agregar una nueva consulta de anotación a un panel, elija el icono de **Configuración del panel** (engranaje), elija `Annotations` y, a continuación, elija **Nueva**. 

 Especifique un nombre para la consulta de anotaciones. Este nombre se muestra junto a la casilla de verificación para mostrar u ocultar los eventos de anotación de esta consulta. Por ejemplo, es posible que tenga dos consultas de anotación denominadas `Deploys` y `Outages`. Puede activar o desactivar las casillas de verificación para especificar qué anotaciones mostrar. 

### Detalles de consulta de anotaciones
<a name="annotation-query-details"></a>

 Las opciones de consulta de anotaciones son diferentes para cada origen de datos. 
+ [Anotaciones con el editor de consultas de Graphite](https://docs.aws.amazon.com/en_us/grafana/latest/userguide/using-graphite-in-AMG.html#graphite-annotations)
+ [Anotaciones mediante fuente OpenSearch de datos](https://docs.aws.amazon.com/en_us/grafana/latest/userguide/ES-use-datasource.html#ES-annotations)
+ [Anotaciones con Prometheus](https://docs.aws.amazon.com/en_us/grafana/latest/userguide/using-prometheus-datasource.html#p-annotations)
+ [Anotaciones con MySQL](https://docs.aws.amazon.com/en_us/grafana/latest/userguide/using-mysql-in-AMG.html#mysql-annotations)
+ [Anotaciones con PostgreSQL](https://docs.aws.amazon.com/en_us/grafana/latest/userguide/using-postgresql-in-AMG.html#postgresql-annotations)

# Carpetas de paneles
<a name="dashboard-folders"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Las carpetas son una forma de organizar y agrupar los paneles. Esto es útil si tiene muchos paneles o si varios equipos utilizan el mismo espacio de trabajo de Grafana. 

## Creación de una carpeta
<a name="how-to-create-a-folder"></a>

Para crear una carpeta, lleve a cabo alguna de las siguientes operaciones:
+  En el menú lateral, debajo del icono \$1, seleccione el enlace **Crear carpeta**. 
+  En la página **Administrar paneles**, pulse el botón **Crear carpeta**. 

 En la página **Crear carpeta**, ingrese un nombre exclusivo para la carpeta y, a continuación, seleccione **Crear**. 

Cuando guarda un panel, puede elegir una carpeta existente o crear una nueva.

## Administración de paneles
<a name="folders-manage-dashboards"></a>

 En la página **Administrar paneles**, puede efectuar diversas tareas: 
+  Crear una carpeta. 
+  Crear un panel de control. 
+  Mover los paneles a carpetas. 
+  Eliminar varios paneles. 
+  Navegar a la página de una carpeta (donde puede establecer los permisos para una carpeta o sus paneles). 

## Página Carpeta de panel de control
<a name="dashboard-folder-page"></a>

 Para abrir una página Carpeta de panel, seleccione el icono de engranaje que aparece cuando hace una pausa en una carpeta de la lista de paneles, en los resultados de búsqueda o en la página Administrar paneles. 

 La página Carpeta de panel es similar a la página Administrar paneles. En la página Carpeta de panel, puede llevar a cabo las siguientes tareas: 
+  Mover o eliminar los paneles de una carpeta. 
+  Cambiar el nombre de una carpeta (en la pestaña **Configuración**). 
+  Definir los permisos de la carpeta (heredados por los paneles de la carpeta). 

## Permisos
<a name="folder-permissions"></a>

 Los permisos se pueden asignar a una carpeta y heredarse en los paneles que contiene. Se utiliza una lista de control de acceso (ACL) donde se pueden asignar permisos al **rol de la organización**, al **equipo** y al **usuario** individual. Para obtener más información, consulte [Permisos de paneles y carpetas](dashboard-and-folder-permissions.md). 

# Lista de reproducción
<a name="dashboard-playlist"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Una lista de reproducción es una lista de paneles de control que se muestran en secuencia. Puede usar una lista de reproducción para crear conciencia situacional o para presentar sus métricas a su equipo o a los visitantes. 

 Amazon Managed Grafana escala automáticamente los paneles a cualquier resolución, incluidas las pantallas grandes. 

 Puede acceder a la característica **Lista de reproducción** desde el menú lateral, en el submenú **Paneles**. 

## Creación de una lista de reproducción
<a name="create-a-playlist"></a>

 Una lista de reproducción presenta los paneles en una secuencia, con un orden establecido y un intervalo de tiempo entre los paneles. 

1.  Para acceder a la característica **Lista de reproducción**, haga una pausa en el menú lateral. 

1.  Elija **Listas de reproducción**. 

1.  Elija **Nueva lista de reproducción**. 

1.  En el cuadro de texto **Nombre**, escriba un nombre para la lista de reproducción. 

1.  En el cuadro de texto **Intervalo**, ingrese un intervalo de tiempo. 

   El intervalo de tiempo es el tiempo que Amazon Managed Grafana permanece en un panel concreto antes de pasar al siguiente de la lista de reproducción. 

1.  Junto a cada panel que desea agregar a la lista de reproducción, elija **Agregar a lista de reproducción**. 

1.  Seleccione **Crear**. 

## Edición de una lista de reproducción
<a name="edit-a-playlist"></a>

 Puede editar las listas de reproducción mientras las crea o después de guardarlas. 

1.  Para acceder a la característica Lista de reproducción, haga una pausa en el menú lateral. 

1.  Elija **Listas de reproducción**. 

1.  Elija la lista de reproducción que desee editar. 

### Edición del nombre de una lista de reproducción
<a name="edit-the-name-of-a-playlist"></a>

1. Seleccione el cuadro de texto **Nombre**.

1.  Edite el nombre. 

1.  Elija **Guardar** para guardar los cambios. 

### Edición del intervalo de una lista de reproducción
<a name="edit-the-interval-of-a-playlist"></a>

1.  Seleccione el cuadro de texto **Intervalo**. 

1.  Edite el intervalo. 

1.  Elija **Guardar** para guardar los cambios. 

### Cómo agregar un panel a una lista de reproducción
<a name="add-a-dashboard-to-a-playlist"></a>

1.  Junto a cada panel que desea agregar, elija **Agregar a lista de reproducción**. 

1.  Elija **Guardar** para guardar los cambios. 

### Búsqueda de un panel para agregarlo
<a name="search-for-a-dashboard-to-add"></a>

1. En **Agregar paneles**, seleccione el cuadro de texto **Buscar paneles por nombre**. 

1.  Ingrese un nombre o una expresión regular. 

1. Si es necesario, filtre los resultados por estado destacado o por etiquetas. De forma predeterminada, los paneles destacados aparecen como opciones para agregarlos a la lista de reproducción.

1.  Elija **Guardar** para guardar los cambios. 

### Reorganización del orden del panel de control
<a name="rearrange-dashboard-order"></a>

1.  Junto al panel que desea mover, elija la flecha hacia arriba o hacia abajo. 

1.  Elija **Guardar** para guardar los cambios. 

### Eliminación de un panel de control
<a name="remove-a-dashboard"></a>

1.  Seleccione el icono x para eliminar un panel de la lista de reproducción. 

1.  Elija **Guardar** para guardar los cambios. 

### Eliminación de una lista de reproducción
<a name="delete-a-playlist"></a>

1.  Elija **Listas de reproducción**. 

1.  Al lado de la lista de reproducción que desea eliminar, elija el icono X. 

## Guardado de una lista de reproducción
<a name="save-a-playlist"></a>

 Puede guardar una lista de reproducción para agregarla a su página **Listas de reproducción**, donde podrá iniciarla. Asegúrese de agregar todos los paneles que desee que aparezcan en la lista de reproducción antes de guardarla. 

1.  Para acceder a la característica **Lista de reproducción**, haga una pausa en el menú lateral. 

1.  Elija **Listas de reproducción**. 

1.  Elija la lista de reproducción. 

1.  Edite la lista de reproducción. 

   Asegúrese de que la lista de reproducción tenga un **nombre**, un **intervalo** y al menos un **panel** agregado. 

1.  Seleccione **Save**. 

## Inicio de una lista de reproducción
<a name="start-a-playlist"></a>

 Puede iniciar una lista de reproducción en cinco modos de visualización diferentes. El modo determina cómo se muestran los menús y la barra de navegación en los paneles. 

 De forma predeterminada, cada panel se muestra durante el tiempo ingresado en el campo **Intervalo**, que se puede configurar al crear o editar una lista de reproducción. Tras iniciar una lista de reproducción, puede controlarla mediante la barra de navegación situada en la parte superior de la pantalla. 

1.  En el menú **Paneles**, seleccione **Listas de reproducción**. 

1.  Junto a la lista de reproducción que desee iniciar, seleccione **Iniciar lista de reproducción**. 

1.  En la lista desplegable, elija uno de los siguientes modos de visualización: 
   +  **Modo normal** 
     +  El menú lateral permanece visible. 
     +  Los controles de barra de navegación, fila y panel aparecen en la parte superior de la pantalla. 
   +  **Modo TV** 
     +  El menú lateral está oculto o eliminado. 
     +  Los controles de barra de navegación, fila y panel aparecen en la parte superior de la pantalla. 
     +  El modo TV se activa automáticamente tras 1 minuto de inactividad del usuario. 
     +  Puede activar el modo TV manualmente mediante el método abreviado de secuencia **d v** o agregando el parámetro `?inactive` a la URL del panel. 
     +  Puede desactivar el modo TV con cualquier movimiento del ratón o con cualquier acción del teclado. 
   +  **Modo TV (con paneles de ajuste automático)** 
     +  El menú lateral está oculto o eliminado. 
     +  Los controles de barra de navegación, fila y panel aparecen en la parte superior de la pantalla. 
     +  Los paneles del panel de control se ajustan automáticamente para optimizar el espacio en la pantalla. 
   +  **Modo quiosco** 
     +  Los controles del menú lateral, la barra de navegación, la fila y el panel están completamente ocultos o se han eliminado de la vista. 
     +  Puede activar el modo quiosco manualmente utilizando el método abreviado de secuencia **d v** una vez que se haya iniciado la lista de reproducción. 
     +  Puede desactivar el modo quiosco manualmente utilizando el mismo método abreviado. 
   +  **Modo quiosco (con paneles de ajuste automático):** 
     +  Los controles del menú lateral, la barra de navegación, la fila y el panel están completamente ocultos o se han eliminado de la vista. 
     +  Los paneles del panel de control se ajustan automáticamente para optimizar el espacio en la pantalla. 

## Control de una lista de reproducción
<a name="control-a-playlist"></a>

 Puede controlar una lista de reproducción en modo **Normal** o **TV** después de que se haya iniciado mediante la barra de navegación situada en la parte superior de la pantalla. 


|  Button  |  Resultado  | 
| --- | --- | 
|  Siguiente (doble flecha hacia la derecha)  |  Avanza al siguiente panel de control.  | 
|  Atrás (flecha izquierda)  |  Vuelve al panel anterior.  | 
|  Parar (cuadrado)  |  Finaliza la lista de reproducción y sale al panel de control actual.  | 
|  Modo de visualización cíclica (icono del monitor)  |  Cambia la visualización de los paneles a distintos modos de visualización.  | 
|  Intervalo de tiempo  | Muestra los datos dentro de un intervalo de tiempo. Se puede definir para que muestre desde los últimos 5 minutos hasta hace 5 años, o un intervalo de tiempo personalizado, mediante la flecha desplegable.  | 
|  Actualizar (flecha circular)  |  Recarga el panel para mostrar los datos actuales. Se puede definir para que se recargue automáticamente, desde cada 5 segundos hasta 1 día, mediante la flecha desplegable.  | 

 Para detener la lista de reproducción desde el teclado, presione **Esc**.

## Uso compartido de una lista de reproducción en un modo de visualización
<a name="share-a-playlist-in-a-view-mode"></a>

Puede compartir una lista de reproducción copiando la URL en el modo de visualización que desee y pegándola en su destino.

1.  Desde el menú **Paneles**, seleccione **Listas de reproducción**. 

1.  Junto a la lista de reproducción que desee compartir, seleccione **Iniciar lista de reproducción** y, a continuación, elija el modo de visualización que desee. 

1.  Para copiar la URL en el portapapeles, elija **Copiar dirección del enlace**. 

    Por ejemplo, la URL de una lista de reproducción en el sitio de Grafana Play en modo quiosco podría ser `https://play.grafana.org/d/000000010/annotations?orgId=1&kiosk`. 

1.  Pegue la URL en el destino. 

# Búsqueda de paneles de control
<a name="dashboard-search"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Los paneles se pueden buscar por el nombre del panel, filtrar por una (o varias) etiquetas o filtrar por su estado destacado. Para acceder a la búsqueda de paneles, se utiliza el selector de paneles, que está disponible en la barra de navegación superior del panel. La búsqueda de paneles también se puede abrir con el método abreviado **F**. 

Si utiliza únicamente un teclado, puede utilizar las teclas de flecha del teclado para navegar por los resultados y pulsar **Entrar** para abrir el panel que desee. 

## Búsqueda por nombre de panel
<a name="find-by-dashboard-name"></a>

Escriba cualquier parte del nombre del panel en la barra de búsqueda. A medida que escribe, la búsqueda devuelve los resultados de cualquier coincidencia parcial de las cadenas en tiempo real. 

La búsqueda de paneles cumple los siguientes requisitos:
+ Ocurre en tiempo real.
+ No distingue entre mayúsculas y minúsculas.
+  Funciona en todos los paneles almacenados y basados en archivos.

## Filtrado por etiquetas
<a name="filter-by-tags"></a>

 Las etiquetas son una forma útil de organizar los paneles, especialmente a medida que aumenta el número de paneles. Puede agregar y administrar las etiquetas en la **configuración** del panel. 

 Para filtrar la lista de paneles por etiqueta, seleccione cualquier etiqueta que aparezca en la columna derecha. Puede filtrar aún más la lista eligiendo etiquetas adicionales. 

Para ver una lista de todas las etiquetas disponibles, haga clic en el menú desplegable **Filtrar por etiquetas**. Al seleccionar una etiqueta, la búsqueda de paneles se filtra al instante. 

Cuando utilice solo un teclado, pulse la tecla **Tab** para centrarse en el enlace de la etiqueta, pulse la tecla de flecha hacia abajo para buscar una etiqueta y pulse **Entrar** para seleccionarla. 

**nota**  
 Al seleccionar varias etiquetas, Amazon Managed Grafana muestra paneles que incluyen todas las etiquetas. 

# Uso compartido de un panel de control
<a name="share-a-dashboard"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Para compartir un panel, seleccione **Compartir panel** (icono de compartir) en la barra de navegación superior. Esto abre el cuadro de diálogo **Compartir**, en el que puede obtener un enlace al panel actual con el intervalo de tiempo seleccionado y las variables de la plantilla. Si ha hecho cambios en el panel, asegúrese de guardarlos antes de copiar el enlace. 

## Instantánea de panel
<a name="dashboard-snapshot"></a>

 Una instantánea del panel es una manera inmediata de compartir un panel interactivo de forma pública. Cuando crea la instantánea, Amazon Managed Grafana elimina los datos confidenciales, como las consultas (métricas, plantillas y anotaciones) y los enlaces de los paneles, dejando solo los datos métricos visibles y los nombres de las series incrustados en el panel. Cualquier persona que tenga el enlace y pueda acceder a la URL puede acceder a las instantáneas del panel. 

## Publicación de instantáneas
<a name="publish-snapshots"></a>

 Puede publicar instantáneas en su instancia local. 

# Uso compartido de un panel
<a name="dashboard-share-a-panel"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Elija un título de panel para abrir el menú del panel y, a continuación, seleccione **Compartir** en el menú del panel para abrir el cuadro de diálogo **Compartir panel**. Puede copiar el enlace, que lo llevará exactamente a este panel con el intervalo de tiempo actual y las variables de plantilla seleccionadas. 

# Controles de intervalo de tiempo
<a name="dashboard-time-range-controls"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Amazon Managed Grafana ofrece varias formas de administrar los intervalos de tiempo de los datos que se visualizan en el nivel de panel. 

 En este tema, se describen las unidades de tiempo y los intervalos relativos compatibles, los controles de tiempo habituales, los ajustes de tiempo de todos los paneles y los ajustes de tiempo específicos de un panel. 

**nota**  
Para tener controles de tiempo, los datos deben incluir una columna de tiempo. Consulte la documentación de su [origen de datos](AMG-data-sources.md) específico para obtener más información sobre cómo incluir una columna de tiempo.

## Unidades de tiempo e intervalos relativos
<a name="time-units-and-relative-ranges"></a>

 Se admiten las siguientes unidades de tiempo: 
+ `s` (segundos)
+ `m` (minutos)
+ `h` (horas)
+ `d` (días)
+ `w` (semanas)
+ `M` (meses)
+ `y` (años)

 Utilice el operador menos para ir atrás en el tiempo en relación con el momento actual. Para mostrar el periodo completo de la unidad (como día, semana o mes), agregue `/<time unit>`. 

 Utilice el operador más para avanzar en el tiempo en relación con el momento actual. Puede usar esta característica para ver los datos pronosticados para el futuro. 

 Estos son algunos ejemplos: 


|  Ejemplo de intervalo relativo  |  De  |  Para  | 
| --- | --- | --- | 
|  Últimos 5 minutos  |  now-5m  |  now  | 
|  El día hasta ahora  |  now/d  |  now  | 
|  Esta semana  |  now/w  |  now/w  | 
|  Semana hasta la fecha  |  now/w  |  now  | 
|  Mes anterior  |  now-1M/M  |  now-1M/M  | 

## Controles de intervalo de tiempo comunes
<a name="common-time-range-controls"></a>

 El panel y los controles de tiempo del panel tienen una interfaz de usuario común con las opciones siguientes. 

### Intervalo de tiempo actual
<a name="current-time-range"></a>

 El intervalo de tiempo actual, también denominado *selector de tiempo*, muestra el intervalo de tiempo que se muestra actualmente en el panel que está viendo. 

 Haga una pausa sobre el campo para ver las marcas de tiempo exactas del intervalo y su origen (por ejemplo, la hora del navegador local). 

 Para cambiar el intervalo de tiempo, elija el intervalo de tiempo actual. Para cambiar la hora actual, utilice un *intervalo de tiempo relativo*, como los últimos 15 minutos, o un *intervalo de tiempo absoluto*, como `2020-05-14 00:00:00 to 2020-05-15 23:59:59`. 

### Intervalo de tiempo relativo
<a name="relative-time-range"></a>

 Seleccione el intervalo de tiempo relativo en la lista **Intervalos de tiempo relativos**. A continuación, se muestran algunos ejemplos de intervalos de tiempo relativos: 
+  Últimos 30 minutos 
+  Últimas 12 horas 
+  Últimos 7 días 
+  Últimos 2 años 
+  Ayer 
+  Anteayer 
+  Este día de la semana pasada 
+  Hoy hasta ahora 
+  Esta semana hasta ahora 
+  Este mes hasta ahora 

### Intervalo de tiempo absoluto
<a name="absolute-time-range"></a>

 Establezca un intervalo de tiempo absoluto de una de las dos formas siguientes: 
+  Ingrese valores en los campos **Desde** y **Hasta**. Puede ingresar valores de tiempo exactos o valores relativos, por ejemplo `now-24h` y, a continuación, elija **Aplicar intervalo de tiempo**. 
+  Elija el campo **Desde** o **Hasta**. Amazon Managed Grafana muestra un calendario. Elija el día o los días que desee utilizar como intervalo de tiempo actual y, a continuación, seleccione **Aplicar intervalo de tiempo**. 

 Amazon Managed Grafana también muestra los intervalos absolutos utilizados recientemente. 

### Reducción (Cmd \$1 Z o Ctrl \$1 Z)
<a name="zoom-out-cmdz-or-ctrlz"></a>

 Para ver un intervalo de tiempo mayor en el panel o en la visualización del panel, seleccione el icono **Reducir el intervalo de tiempo**. 

### Ampliación (solo para visualizaciones de gráficos)
<a name="zoom-in-only-applicable-to-graph-visualizations"></a>

 En la visualización de gráficos, arrastre para seleccionar el intervalo de tiempo que desea ver. 

### Actualización del panel de control
<a name="refresh-dashboard"></a>

 Elija el icono **Actualizar panel de control** para ejecutar inmediatamente todas las consultas del panel y actualizar las visualizaciones. Amazon Managed Grafana cancela todas las solicitudes pendientes cuando se inicia una nueva actualización. 

 De forma predeterminada, Amazon Managed Grafana no actualiza automáticamente el panel. Las consultas se ejecutan según su propio horario de acuerdo con la configuración del panel. Sin embargo, si desea actualizar el panel con regularidad, elija la flecha hacia abajo situada junto al icono **Actualizar panel de control** y, a continuación, seleccione un intervalo de actualización. 

## Configuración de hora del panel
<a name="dashboard-time-settings"></a>

 La configuración de hora se guarda en cada panel de control. 

 Para acceder a la configuración de hora del panel, seleccione el icono **Configuración del panel** (engranaje) en la parte superior de la pantalla. La configuración se encuentra en la sección **Opciones de tiempo** de la pestaña **General**. 
+  **Zona horaria**: zona horaria local del servicio o sistema que está supervisando. Esto puede resultar útil cuando supervisa un sistema o servicio que funciona en varias zonas horarias. 
  +  **Valor predeterminado**: zona horaria seleccionada de forma predeterminada para el perfil del usuario, el equipo o la organización. Si no se especifica una zona horaria para el perfil del usuario, el equipo del que es miembro el usuario o la organización, Amazon Managed Grafana utiliza la hora local del navegador. 
  +  **Hora del navegador**: zona horaria que está configurada para el navegador que se está utilizando. Suele ser la zona horaria configurada en el equipo. 
  +  **Hora universal coordinada**: zonas horarias según la norma ISO 8601, incluida la UTC. Para obtener más información, consulte una [lista de zonas horarias](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). 
+  **Actualización automática**: opciones personalizables, el tiempo relativo y la configuración de actualización automática. Las entradas se separan con comas y aceptan cualquier unidad de tiempo válida. 
+  **Retraso ahora now-**: valor de retraso temporal que anula el valor `now`. Por lo general, esta característica se utiliza para evitar valores nulos al adaptarse a los retrasos conocidos en la agregación de datos. 
+  **Ocultar el selector de tiempo**: opción para no mostrar el selector de tiempo. 

## Anulación y cambio de hora del panel
<a name="panel-time-overrides-and-timeshift"></a>

 En [Opciones de consulta](panel-queries.md#query-options), puede anular el intervalo de tiempo relativo de los paneles individuales y hacer que sean diferentes del seleccionado en el selector de tiempo del panel, situado en la barra de navegación superior. Puede mostrar métricas de diferentes periodos de tiempo o días al mismo tiempo. 

## Control del intervalo de tiempo mediante una URL
<a name="control-the-time-range-using-a-url"></a>

 Para controlar el intervalo de tiempo de un panel, proporcione los siguientes parámetros de consulta en la URL del panel: 
+  `from`: define el límite inferior del intervalo de tiempo, especificado en ms epoch o tiempo relativo. Para obtener más información, consulte [Intervalo de tiempo relativo](#relative-time-range). 
+  `to` define el límite superior del intervalo de tiempo, especificado en ms epoch o tiempo relativo. Para obtener más información, consulte [Intervalo de tiempo relativo](#relative-time-range). 
+  `time` y `time.window`: definen un intervalo de tiempo de `time-time.window/2` hasta `time+time.window/2`. Ambos parámetros deben especificarse en milisegundos. Por ejemplo, `?time=1500000000000&time.window=10000` da como resultado un intervalo de tiempo de 10 segundos comprendido entre 1499999995000 y 1500000005000. 

# Importación y exportación de paneles
<a name="dashboard-export-and-import"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Los paneles de Amazon Managed Grafana se pueden exportar e importar fácilmente, ya sea desde la interfaz de usuario o desde la [API HTTP] 

## Exportación de un panel de control
<a name="exporting-a-dashboard"></a>

 Los paneles se exportan en formato JSON de Amazon Managed Grafana y contienen todo lo que necesita, incluidos el diseño, las variables, los estilos, los orígenes de datos y las consultas, para importar el panel más adelante. 

 Se accede a la característica de exportación desde la ventana para compartir, que se abre pulsando el botón para compartir en el menú del panel.

### Cómo hacer que un panel de control sea portátil
<a name="making-a-dashboard-portable"></a>

 Al exportar un panel para que lo usen otros usuarios, es recomendable agregar variables de plantilla para valores como un prefijo de métrica (utilice una variable constante) y un nombre de servidor. 

 Una variable de plantilla de tipo `Constant` se oculta automáticamente en el panel. También se agrega como entrada obligatoria cuando se importa el panel. Para obtener más información acerca de las plantillas y sus variables, consulte [Plantillas y variables](templates-and-variables.md). 

## Importación de un panel
<a name="importing-a-dashboard"></a>

 Para importar un panel, seleccione el icono \$1 en el menú lateral y, a continuación, seleccione **Importar**. 

 Puede cargar un archivo JSON de un panel, pegar la URL de un panel o pegar el texto JSON de un panel directamente en el área de texto. 

 En el paso 2 del proceso de importación, puede cambiar el nombre del panel, especificar el origen de datos que desea que utilice el panel y especificar cualquier prefijo de métrica (en el caso de que el panel lo use). 

## Descubrimiento de paneles en Grafana.com
<a name="discover-dashboards-on-grafana.com"></a>

 Encuentre paneles para aplicaciones de servidor comunes en [Grafana.com/dashboards](https://grafana.com/dashboards). 

# Historial de versiones del panel
<a name="dashboard-version-history"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Siempre que guarde una versión del panel de control, se guardará una copia de esa versión para que no se pierdan las versiones anteriores. Se puede obtener una lista de estas versiones al seleccionar **Configuración del panel** y, a continuación, seleccionar **Versiones** en el menú de la izquierda. 

 La característica de historial de versiones del panel de control le permite comparar y restaurar versiones del panel de control guardadas anteriormente. 

## Comparación de dos versiones del panel de control
<a name="comparing-two-dashboard-versions"></a>

 Para comparar dos versiones del panel, seleccione las dos versiones de la lista que quiere comparar. Tras seleccionar dos versiones, elija **Comparar versiones** para abrir la vista de diferencias. De forma predeterminada, verá un resumen textual de los cambios, como en la imagen disponible a continuación.

 Para ver la diferencia del JSON sin procesar que representa su panel, seleccione **Ver diferencias de JSON**. 

 Para restaurar la versión anterior con la que está comparando, seleccione **Restaurar a la versión <x>**.

## Restauración a una versión del panel de control guardada anteriormente
<a name="restoring-to-a-previously-saved-dashboard-version"></a>

 Si necesita restaurar una versión del panel guardada anteriormente, puede hacerlo con el botón “Restaurar” situado a la derecha de una fila de la lista de versiones del panel o eligiendo **Restaurar a la versión <x>** en la vista de diferencias. Cuando decida restaurar, aparecerá un cuadro emergente en el que se le pedirá que confirme la restauración. 

 Tras la restauración a una versión anterior, se creará una nueva versión con los mismos datos exactos que la versión anterior, pero con un número de versión diferente. Esto se indica en la columna **Notas**. Esto ayuda a garantizar que las versiones anteriores del panel no se vean afectadas por el cambio. 

# Métodos abreviados de teclado
<a name="keyboard-shortcuts"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Amazon Managed Grafana tiene varios atajos de teclado disponibles. Para ver todos los atajos de teclado disponibles en su versión de Amazon Managed Grafana, pulse **Shift \$1 ?** en el teclado. 

 **Amazon Managed Grafana incluye los siguientes atajos populares:** 
+  **Ctrl \$1 S**: guarda el panel actual. 
+  **Ctrl \$1 F**: abre el buscador o la búsqueda del panel. 
+  **Ctrl \$1 H**: oculta todos los controles (ocultar los controles funciona bien en las pantallas de TV). 
+  **Escape**: sale de un gráfico cuando está en pantalla completa o en modo de edición. 

# Modelo JSON del panel de control
<a name="dashboard-json-model"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

 Un panel en Amazon Managed Grafana está representado por un objeto JSON, que almacena los metadatos de su panel. Los metadatos del panel incluyen las propiedades del panel de control, los metadatos de los paneles, las variables de plantilla y las consultas del panel.

**Visualización del JSON de un panel de control**

1.  Abra un panel de control. 

1.  En la barra de navegación superior, elija **Administrar panel**. 

1.  Seleccione **Ver JSON** en el menú desplegable. 

## Campos JSON
<a name="dashboard-json-fields"></a>

 Cuando un usuario crea un panel de control nuevo, se inicializa un nuevo objeto JSON del panel de control con los siguientes campos. 

**nota**  
 En el siguiente JSON, `id` se muestra como `null`, que es el valor predeterminado que se le asigna hasta que se guarde un panel. Tras guardar un panel, se asigna un valor entero al campo `id`. 

```
{
  "id": null,
  "uid": "cLV5GDCkz",
  "title": "New dashboard",
  "tags": [],
  "style": "dark",
  "timezone": "browser",
  "editable": true,
  "hideControls": false,
  "graphTooltip": 1,
  "panels": [],
  "time": {
    "from": "now-6h",
    "to": "now"
  },
  "timepicker": {
    "time_options": [],
    "refresh_intervals": []
  },
  "templating": {
    "list": []
  },
  "annotations": {
    "list": []
  },
  "refresh": "5s",
  "schemaVersion": 17,
  "version": 0,
  "links": []
}
```

 En la siguiente tabla, se proporcionan detalles de uso de cada campo del JSON del panel. 


|  Name  |  De uso  | 
| --- | --- | 
|  id  |  Identificador numérico único del panel (generado por la base de datos).  | 
|  uid  |  Identificador único del panel que cualquier persona puede generar. uid es una cadena de entre 8 y 40 caracteres.  | 
|  title  |  Título actual del panel.  | 
|  etiquetas  |  Etiquetas que están asociadas al panel. En el JSON, las etiquetas son una matriz de cadenas.  | 
|  style  |  Tema del panel (por ejemplo, dark o light).  | 
|  timezone  |  Zona horaria del panel (utc o browser).  | 
|  editable  |  Si se puede editar un panel.  | 
|  graphTooltip  |  Estilo de la información sobre herramientas. [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/es_es/grafana/latest/userguide/dashboard-json-model.html)  | 
|  time  |  Intervalo de tiempo del panel (por ejemplo, últimas 6 horas, últimos 7 días).  | 
|  timepicker  |  Metadatos del selector de tiempo. Para obtener más información, consulte [Selector de tiempo](#dashboard-json-timepicker).  | 
|  templating  |  Metadatos de la plantilla. Para obtener más información, consulte [Plantillas y variables](templates-and-variables.md).  | 
|  annotations  |  Metadatos de las anotaciones. Para obtener más información, consulte [Anotaciones](dashboard-annotations.md).  | 
|  refresh  |  Intervalo de actualización automática.  | 
|  schemaVersion  |  Versión del esquema JSON (entero), que se incrementa cada vez que una actualización de Amazon Managed Grafana cambia el esquema.  | 
|  version  |  Versión del panel (entero), que se incrementa cada vez que se actualiza el panel.  | 
|  panels  |  Matriz de paneles. Para obtener más información, consulte [Paneles](#dashboard-JSON-panels).  | 

## Paneles
<a name="dashboard-JSON-panels"></a>

 Los paneles son los componentes básicos de un panel de control. Consiste en consultas de orígenes de datos, tipos de gráficos, alias y otros datos. El JSON del panel consta de una matriz de objetos JSON, cada uno de los cuales representa un panel diferente. La mayoría de los campos son comunes a todos los paneles, pero algunos campos dependen del tipo de panel. En el siguiente ejemplo se muestra el JSON de un panel de texto.

```
"panels": [
  {
    "type": "text",
    "title": "Panel Title",
    "gridPos": {
      "x": 0,
      "y": 0,
      "w": 12,
      "h": 9
    },
    "id": 4,
    "mode": "markdown",
    "content": "# title"
  }
```

### Tamaño y posición del panel
<a name="panel-size-and-position"></a>

 La propiedad `gridPos` describe el tamaño y la posición del panel en las coordenadas de la cuadrícula: 
+  `w`: 1-24. El ancho del panel se divide en 24 columnas. 
+  `h`: en unidades de altura de la cuadrícula. Cada unidad de altura de la cuadrícula representa 30 píxeles. 
+  `x`: posición x. La posición x utiliza la misma unidad de columna que `w`. 
+  `y`: posición y. La posición y utiliza la misma unidad de altura de la cuadrícula que `h`. 

 La cuadrícula tiene una gravedad negativa que mueve los paneles hacia arriba si hay espacio vacío por encima de un panel. 

### Selector de tiempo
<a name="dashboard-json-timepicker"></a>

En el siguiente ejemplo, se muestran las opciones `timepicker`.

```
"timepicker": {
    "collapse": false,
    "enable": true,
    "notice": false,
    "now": true,
    "refresh_intervals": [
      "5s",
      "10s",
      "30s",
      "1m",
      "5m",
      "15m",
      "30m",
      "1h",
      "2h",
      "1d"
    ],
    "status": "Stable",
    "type": "timepicker"
  }
```

 En la tabla siguiente se proporcionan los detalles de uso para `timepicker`. 


|  Name  |  De uso  | 
| --- | --- | 
|  collapse  |  Si timepicker está contraído  | 
|  enable  |  Si timepicker está activado  | 
|  notice  |  TODO  | 
|  now  |  TODO  | 
|  refresh\$1intervals  |  TODO  | 
|  status  |  TODO  | 
|  type  |  TODO  | 

### Plantillas
<a name="json-templating"></a>

 El campo `templating` contiene un conjunto de variables de plantilla con los valores guardados y otros metadatos. En el siguiente ejemplo, se muestra metadatos de `templating`. 

```
 "templating": {
    "enable": true,
    "list": [
      {
        "allFormat": "wildcard",
        "current": {
          "tags": [],
          "text": "prod",
          "value": "prod"
        },
        "datasource": null,
        "includeAll": true,
        "name": "env",
        "options": [
          {
            "selected": false,
            "text": "All",
            "value": "*"
          },
          {
            "selected": false,
            "text": "stage",
            "value": "stage"
          },
          {
            "selected": false,
            "text": "test",
            "value": "test"
          }
        ],
        "query": "tag_values(cpu.utilization.average,env)",
        "refresh": false,
        "type": "query"
      },
      {
        "allFormat": "wildcard",
        "current": {
          "text": "apache",
          "value": "apache"
        },
        "datasource": null,
        "includeAll": false,
        "multi": false,
        "multiFormat": "glob",
        "name": "app",
        "options": [
          {
            "selected": true,
            "text": "tomcat",
            "value": "tomcat"
          },
          {
            "selected": false,
            "text": "cassandra",
            "value": "cassandra"
          }
        ],
        "query": "tag_values(cpu.utilization.average,app)",
        "refresh": false,
        "regex": "",
        "type": "query"
      }
    ]
  }
```

 En la tabla siguiente se proporcionan los detalles de uso para la sección de plantillas. 


|  Name  |  De uso  | 
| --- | --- | 
|  enable  |  Si las plantillas están activadas.  | 
|  list  |  Matriz de objetos, cada uno de los cuales representa una variable de plantilla.  | 
|  allFormat  |  Formato que se utilizará al obtener todos los valores del origen de datos (por ejemplo, wildcard, glob, regex y pipe).  | 
|  current  |  Muestra el texto o el valor de la variable seleccionada actualmente en el panel.  | 
|  origen de datos  |  Muestra el origen de datos de las variables.  | 
|  includeAll  |  Si la opción de todos los valores está disponible.  | 
|  multi  |  Si se pueden seleccionar varios valores de la lista de valores de variables.  | 
|  multiFormat  |  El formato que se utilizará al obtener series temporales del origen de datos.  | 
|  name  |  Nombre de una variable.  | 
|  options  |  El conjunto de text/value pares de variables disponibles para su selección en el tablero  | 
|  consulta  |  La consulta del origen de datos que se utiliza para obtener los valores de una variable.  | 
|  refresh  |  TODO  | 
|  regex  |  TODO  | 
|  type  |  Tipo de variable (custom, query o interval).  | 

# Paneles con scripts
<a name="scripted-dashboards"></a>

****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 8.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 9.x de Grafana, consulte [Uso de la versión 9 de Grafana](using-grafana-v9.md).

**aviso**  
 Esta característica está en desuso y se eliminará en la próxima versión. 

 Si tiene muchos nombres de métricas que cambian (por ejemplo, nuevos servidores) siguiendo un patrón definido, crear nuevos paneles constantemente puede llevar mucho tiempo. 

 Con los paneles con scripts, puede crear sus paneles de forma dinámica utilizando. JavaScript En la carpeta de instalación de Grafana, en `public/dashboards/`, hay un archivo llamado `scripted.js`. Este archivo contiene un ejemplo de un panel con scripts. Puede acceder a él mediante la URL `http://grafana_url/dashboard/script/scripted.js?rows=3&name=myName`. 

 Al abrir `scripted.js`, puede ver cómo lee los parámetros de URL de la variable `ARGS` y, a continuación, agrega filas y paneles. 

## Ejemplo: scripted.js
<a name="example"></a>

```
var seriesName = 'argName';

if (!_.isUndefined(ARGS.name)) {
  seriesName = ARGS.name;
}

dashboard.panels.push({
  title: 'Events',
  type: 'graph',
  fill: 1,
  linewidth: 2,
  gridPos: {
    h: 10,
    w: 24,
    x: 0,
    y: 10,
  },
  targets: [
    {
      target: "randomWalk('" + seriesName + "')",
    },
    {
      target: "randomWalk('random walk2')",
    },
  ],
});

return dashboard;
```

## Más ejemplos
<a name="more-examples"></a>

 Puede encontrar más ejemplos en el directorio `public/dashboards/` de su instalación de Grafana. 