[comment]: # ({09f5b760-9ee1626a}) # 11 图原型 [comment]: # ({/09f5b760-9ee1626a}) [comment]: # ({0640480e-8c5a70cd}) #### 概述 在图形原型控件中，您可以显示由图形原型或监控项原型通过低级别自动发现创建的图形网格。 [comment]: # ({/0640480e-8c5a70cd}) [comment]: # ({ca542e79-59ea4161}) #### 配置 要配置该部件，选择*图形原型*作为部件类型： ![](../../../../../../assets/en/manual/web_interface/frontend_sections/dashboards/widgets/graph_prototype.png){width="600"} 除了[通用参数](/manual/web_interface/frontend_sections/dashboards/widgets#通用参数)所有部件通用的参数外，您还可以设置以下特定选项： | | | |--|--------| | *数据源* | 选择图形来源：**图形原型**或**简单图形原型**。 | | *图形原型* | 选择要显示的图形原型，展示通过该图形原型发现的图形。
当*数据源*设为"图形原型"时此参数可用。 | | *监控项原型* | 选择监控项原型，展示通过该监控项原型发现的监控项的简单图形。
当*数据源*设为"简单图形原型"时此参数可用。 | | *时间范围* | 设置图形中显示数据的时间范围。选择[动态参数](/manual/web_interface/frontend_sections/dashboards/widgets#动态参数)确定时间范围来源：
**仪表板** - 使用*时间范围*选择器作为数据源；
**部件** - 使用*部件*参数中指定的兼容部件作为数据源；
**自定义** - 使用*从*和*到*参数指定的时间范围作为数据源；设置后，部件Top右上角将显示时钟图标，鼠标悬停时展示设置的时间范围。 | | *部件* | 输入或选择兼容部件作为时间范围的数据源。
当*时间范围*设为"部件"时此参数可用。 | | *从* | 输入或选择时间范围的起始时间。
支持[Relative time syntax](/manual/web_interface/time_period_selector)格式（`now`、`now/d`、`now/w-1w`等）。
当*时间范围*设为"自定义"时此参数可用。 | | *到* | 输入或选择时间范围的结束时间。
支持[Relative time syntax](/manual/web_interface/time_period_selector)格式（`now`、`now/d`、`now/w-1w`等）。
当*时间范围*设为"自定义"时此参数可用。 | | *显示图例* | 取消勾选此复选框可隐藏图形上的图例（默认勾选）。 | | *覆盖主机* | 选择兼容部件或仪表板作为主机的[动态参数](/manual/web_interface/frontend_sections/dashboards/widgets/#动态参数)。
在[添加仪表板](/manual/config/templates/template#添加仪表板)上配置部件时此参数不可用。 | | *列数* | 输入图形原型部件中要显示的图形列数。 | | *行数* | 输入图形原型部件中要显示的图形行数。 | 图形图例由三部分组成： - 监控项及其聚合值 - 百分位数（如已配置） - 触发器（如有与展示的监控项关联的触发器） 如果部件内图形高度不足，图例可能无法显示或仅显示部分内容。 系统会优先隐藏触发器和百分位数，其次是监控项图例。 要显示完整图例，请增加部件的垂直尺寸。 ::: noteclassic 最多可显示3条触发器线。 若存在更多触发器，系统将优先显示严重程度较高的触发器。 ::: 虽然*列数*和*行数*参数允许在部件中容纳多个图形，但发现的图形数量仍可能超过部件设置的列数/行数。 此时部件将启用分页功能，通过滑动标题栏的左右箭头切换页面： ![](../../../../../../assets/en/manual/config/visualization/host_dashboards_discovered.png) [comment]: # ({/ca542e79-59ea4161})