[comment]: # translation:outdated

[comment]: # ({11452be8-11452be8})
# 2 自定义图表

[comment]: # ({/11452be8-11452be8})

[comment]: # ({12dcf0a4-12dcf0a4})
#### 概述

自定义图表，顾名思义，提供了定制化功能。

虽然简单图表适合查看单个监控项的数据，但它们不具备配置功能。

因此，如果您想更改图表样式或线条显示方式，或者比较多个监控项（例如在同一图表中显示进出流量），您需要使用自定义图表。

自定义图表需要手动配置。

它们可以为一个主机或多个主机创建，也可以为单个模板创建。

[comment]: # ({/12dcf0a4-12dcf0a4})

[comment]: # ({31111ed8-96c61306})
#### 配置自定义图表

要create自定义图表，请执行以下操作：

-   前往*配置 → 主机（或模板）*
-   在所需主机或模板所在行点击*图表*
-   在图表界面点击*创建图表*
-   编辑图表属性

![](../../../../../assets/en/manual/config/visualization/graph2.png){width="600"}

所有必填字段均以红色星号标记。

图表属性：

| 参数 | <   | 描述 |
|-|----------|----------------------------------------|
| *Name* | <   | 唯一图表名称。<br>本字段支持[macros](/manual/appendix/macros/supported_by_location)表达式，但仅限`avg`、`last`、`min`和`max`函数，且参数为时间（例如`{?avg(/host/key,1h)}`）。<br>支持{主机.主机<1-9>}宏，用于引用图表中第一、第二、第三等主机，例如`{?avg(/{HOST.HOST2}/key,1h)}`。注意通过此宏引用第一个主机是冗余的，因为第一个主机可隐式引用，例如`{?avg(//key,1h)}`。 |
| *Width* | <   | 图表宽度（像素，仅适用于预览及饼图/爆炸饼图）。 |
| *Height* | <   | 图表高度（像素）。 |
| *Graph type* | <   | 图表类型：<br>**普通** - 常规图表，数值显示为线条<br>**堆叠** - 堆叠图表，显示填充区域<br>**饼图** - 饼状图<br>**爆炸饼图** - "爆炸"式饼图，部分显示为从饼图中"切出" |
| *Show legend* | <   | 勾选此框将显示图表图例。 |
| *Show working time* | <   | 若选中，非工作时间将显示为灰色背景。此参数不适用于饼图和爆炸饼图。 |
| *Show triggers* | <   | 若选中，简单触发器将显示为黑色虚线覆盖在触发器严重性颜色上。此参数不适用于饼图和爆炸饼图。 |
| *Percentile line (left)* | <   | 显示左侧Y轴百分位。例如若设置为95%，则百分位线将位于95%数值所处的水平位置，显示为亮绿色线。仅适用于普通图表。 |
| *Percentile line (right)* | <   | 显示右侧Y轴百分位。例如若设置为95%，则百分位线将位于95%数值所处的水平位置，显示为亮红色线。仅适用于普通图表。 |
| *Y axis MIN value* | <   | Y轴最小值：<br>**计算** - Y轴最小值将自动计算<br>**固定** - Y轴固定最小值<br>**监控项** - 所选监控项的最后一个值作为最小值<br><br>此参数不适用于饼图和爆炸饼图。 |
| *Y axis MAX value* | <   | Y轴最大值：<br>**计算** - Y轴最大值将自动计算<br>**固定** - Y轴固定最大值<br>**监控项** - 所选监控项的最后一个值作为最大值<br><br>此参数不适用于饼图和爆炸饼图。 |
| *3D view* | <   | 启用3D样式。仅适用于饼图和爆炸饼图。 |
| *Items* | <   | 监控项，其数据将显示在此图表中。点击*添加*选择监控项。还可选择多种显示选项（函数、绘制样式、左/右轴显示、颜色）。 |
| < | *排序顺序(0→100)* | 绘制顺序。0将优先处理。可用于将线条或区域绘制在另一对象后方（或前方）。<br>可通过行首图标拖拽监控项来设置排序顺序或决定哪个监控项显示在前。 |
| ^ | *名称* | 所选监控项名称显示为链接。点击链接可打开其他可用监控项列表。 |
| ^ | *类型* | 类型（仅适用于饼图和爆炸饼图）：<br>**简单** - 监控项值按比例显示在饼图中<br>**图表总和** - 监控项值代表整个饼图<br>注意"图表总和"监控项的着色仅在未被"比例"监控项占据的部分可见。 |
| ^ | *函数* | 选择当监控项每个垂直图表像素存在多个值时显示的数值：<br>**all** - 显示图表中所有可能值（最小值、最大值、平均值）。注意对于较短周期此设置无效；仅当垂直图表像素数据密度增加时，'all'开始显示最小、最大和平均值。此功能仅适用于*普通*图表类型。另见：生成图表[基于历史数据趋势数据生成](/manual/config/visualization/graphs/simple#基于历史数据趋势数据生成)。<br>**avg** - 显示平均值<br>**last** - 显示最新值。此功能仅在选择*饼图/爆炸饼图*作为图表类型时可用。<br>**max** - 显示最大值<br>**min** - 显示最小值 |
| ^ | *绘制样式* | 选择应用于监控项数据的绘制样式（仅适用于普通图表；堆叠图表始终使用填充区域）- *线条*、*粗线*、*填充区域*、*点*、*虚线*、*渐变线*。 |
| ^ | *Y轴侧* | 选择显示监控项数据的Y轴侧 - *左侧*、*右侧*。 |
| ^ | *颜色* | 选择应用于监控项数据的颜色。 |

[comment]: # ({/31111ed8-96c61306})

[comment]: # ({f02a35a5-f02a35a5})
##### 图表预览

在*预览*选项卡中，会显示图形的预览，这样您可以立即看到正在创建的内容。

![](../../../../../assets/en/manual/config/visualization/graph_preview.png){width="600"}

请注意，预览不会显示任何模板监控项的数据。

![](../../../../../assets/en/manual/config/visualization/graph_preview2.png){width="600"}

在此示例中，请注意显示触发器级别的虚线加粗线以及图例中显示的触发器信息。

::: noteclassic
最多只能显示3条触发器线。如果有更多触发器，则会优先显示严重性较低的触发器。\
\
如果图形高度设置为小于120像素，则图例中不会显示任何触发器。

:::

[comment]: # ({/f02a35a5-f02a35a5})
