[comment]: # translation:outdated

[comment]: # ({ffbd9505-9ee1626a})
# 11 图形原型

[comment]: # ({/ffbd9505-9ee1626a})

[comment]: # ({0640480e-8c5a70cd})
#### 概述

在图形原型组件中，你可以显示一个由图形原型或监控项原型通过自动发现创建的图形网格。

[comment]: # ({/0640480e-8c5a70cd})

[comment]: # ({96e26225-59ea4161})
#### 配置

要进行配置，请选择 *图形原型* 作为组件类型：

![](../../../../../../assets/en/manual/web_interface/frontend_sections/dashboards/widgets/graph_prototype.png)

除了所有组件的 [通用](/manual/web_interface/frontend_sections/dashboards/widgets#common-parameters) 参数外，您还可以设置以下特定选项：

| | |
|--|--------|
|*来源*|选择图表的来源：**图形原型** 或 **单一图形原型**。|
|*图形原型*|选择图形原型以显示由图形原型发现的图表。<br>如果 *来源* 设置为“图形原型”，则此参数可用。|
|*监控项原型*|选择监控项原型以显示由该监控项原型发现的监控项的简单图表。<br>如果将“来源”设置为“单一图表原型”，则此参数可用。|
|*时间段*|设置在图表中显示数据的时间段。选择时间段的[数据源](/manual/web_interface/frontend_sections/dashboards/widgets#dynamic-parameters)：<br>**仪表板** - 将“时间段”选择器设置为数据源；<br>**组件** - 将“组件”参数中指定的兼容组件设置为数据源；<br>**自定义** - 将“从”和“到”参数中指定的时间段设置为数据源；如果已设置，组件的右上角将显示一个时钟图标，指示鼠标悬停时的设置时间。|
|*组件*|输入或选择兼容的组件作为时间段的数据源。<br>如果将*时间段*设置为“Widget”，则此参数可用。|
|*从*|输入或选择时间段的开始。<br>支持[相对时间语法](/manual/web_interface/time_period_selector)（`now`、`now/d`、`now/w-1w` 等）。<br>如果将*时间段*设置为“自定义”，则此参数可用。|
|*至*|输入或选择时间段的结束。<br>支持[相对时间语法](/manual/web_interface/time_period_selector)（`now`、`now/d`、`now/w-1w` 等）。<br>如果将*时间段*设置为“自定义”，则此参数可用。|
|*显示图例*|取消勾选此复选框可隐藏图表上的图例（默认勾选）。|
|*覆盖主机*|选择兼容的组件或仪表板作为主机的[数据源](/manual/web_interface/frontend_sections/dashboards/widgets/#dynamic-parameters)。<br>在[模板仪表板](/manual/config/templates/template#adding-dashboards)上配置组件时，此参数不可用。|
|*列*|输入要在图表原型组件中显示的图表的列数。|
|*行*|输入要在图表原型组件中显示的图表的行数。|

虽然*列*和*行*参数允许在组件中容纳多个图表，但发现的图表数量可能仍多于组件中的列/行数量。
在这种情况下，组件中可以进行分页，并且向上滑动的标题允许使用左右箭头在页面之间切换：

![](../../../../../../../assets/en/manual/config/visualization/host_dashboards_discovered.png)

[comment]: # ({/96e26225-59ea4161})