[comment]: # ({09f5b760-9ee1626a})
# 11 Prototipo de gráfico
[comment]: # ({/09f5b760-9ee1626a})
[comment]: # ({0640480e-8c5a70cd})
#### Resumen
En el widget de prototipo de gráfico, puede mostrar una cuadrícula de gráficos creados a partir de un prototipo de gráfico o de un prototipo de item mediante descubrimiento de bajo nivel.
[comment]: # ({/0640480e-8c5a70cd})
[comment]: # ({ca542e79-59ea4161})
#### Configuración
Para configurar, seleccione *Graph prototype* como tipo de widget:
{width="600"}
Además de los parámetros [comunes](/manual/web_interface/frontend_sections/dashboards/widgets#common-parameters) para todos los widgets, puede establecer las siguientes opciones específicas:
| | |
|--|--------|
|*Source*|Seleccione la fuente de los gráficos: **Graph prototype** o **Simple graph prototype**.|
|*Graph prototype*|Seleccione un graph prototype para mostrar gráficos descubiertos por el graph prototype.
Este parámetro está disponible si *Source* está establecido en "Graph prototype".|
|*Item prototype*|Seleccione un item prototype para mostrar gráficos simples de los items descubiertos por el item prototype.
Este parámetro está disponible si *Source* está establecido en "Simple graph prototype".|
|*Time period*|Establezca un período de tiempo para mostrar datos en los gráficos. Seleccione la [fuente de datos](/manual/web_interface/frontend_sections/dashboards/widgets#dynamic-parameters) para el período de tiempo:
**Dashboard** - establezca el selector *Time period* como fuente de datos;
**Widget** - establezca un widget compatible especificado en el parámetro *Widget* como fuente de datos;
**Custom** - establezca el período de tiempo especificado en los parámetros *From* y *To* como fuente de datos; si se establece, se mostrará un icono de reloj en la esquina superior derecha del widget, indicando la hora establecida al pasar el mouse por encima.|
|*Widget*|Introduzca o seleccione un widget compatible como fuente de datos para el período de tiempo.
Este parámetro está disponible si *Time period* está establecido en "Widget".|
|*From*|Introduzca o seleccione el inicio del período de tiempo.
Se admite la [sintaxis de tiempo relativo](/manual/web_interface/time_period_selector) (`now`, `now/d`, `now/w-1w`, etc.).
Este parámetro está disponible si *Time period* está establecido en "Custom".|
|*To*|Introduzca o seleccione el final del período de tiempo.
Se admite la [sintaxis de tiempo relativo](/manual/web_interface/time_period_selector) (`now`, `now/d`, `now/w-1w`, etc.).
Este parámetro está disponible si *Time period* está establecido en "Custom".|
|*Show legend*|Desmarque esta casilla para ocultar la leyenda en los gráficos (marcada de forma predeterminada).|
|*Override host*|Seleccione un widget compatible o el dashboard como [fuente de datos](/manual/web_interface/frontend_sections/dashboards/widgets/#dynamic-parameters) para los hosts.
Este parámetro no está disponible al configurar el widget en un [template dashboard](/manual/config/templates/template#adding-dashboards).|
|*Columns*|Introduzca el número de columnas de gráficos que se mostrarán dentro de un widget de graph prototype.|
|*Rows*|Introduzca el número de filas de gráficos que se mostrarán dentro de un widget de graph prototype.|
La leyenda del gráfico consta de tres secciones:
- Items y sus valores agregados
- Percentiles (si están configurados)
- Triggers (si hay alguno asociado con los items mostrados)
Si la altura del gráfico dentro del widget es insuficiente, es posible que la leyenda no se muestre o que se muestre solo parcialmente.
Primero se ocultan los triggers y los percentiles, seguidos por la leyenda del item.
Para mostrar la leyenda completa, aumente el tamaño vertical del widget.
::: noteclassic
No se pueden mostrar más de 3 líneas de trigger.
Si hay más triggers, se prioriza la visualización de los triggers con menor severidad.
:::
Aunque los parámetros *Columns* y *Rows* permiten ajustar más de un gráfico en el widget, aún puede haber más gráficos descubiertos que columnas/filas en el widget.
En este caso, la paginación estará disponible en el widget, y un encabezado deslizante hacia arriba permitirá cambiar entre páginas usando las flechas izquierda y derecha:
[comment]: # ({/ca542e79-59ea4161})