[comment]: # translation:outdated

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

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

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

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

虽然简单的图表有利于查看单个项目的数据，但它们不支持配置功能。

因此，如果您想更改图形样式或线条的显示方式或比较几个监控项，例如，单个图表展示接收和转发的流量，您需要一个自定义图表。

自定义图表是手动配置的。

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

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

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

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

- 转到*配置 → 主机（或模板）*
- 单击所需主机或模板旁边行中的 *图表*
- 在图表屏幕中点击*创建图表*
- 编辑图表属性

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

所有必填字段都标有红色星号。

图表属性：

|参数|<|说明|
|---------|-|------------|
|*名称*|<|唯一的图形名称。<br>此字段支持表达式 [宏](/manual/appendix/macros/supported_by_location)，但仅限于 `avg`、`last`、`min` 和 ` max` 函数，以时间为参数（例如，`{?avg(/host/key,1h)}`）。<br>支持在此宏中使用{HOST.HOST<1-9>} 宏，引用图中的第一个、第二个、第三个等主机，例如`{?avg(/{HOST.HOST2}/key,1h)}`。请注意，使用此宏引用第一个主机是多余的，因为可以隐式引用第一个主机，例如 `{?avg(//key,1h)}`。|
|*宽度*|<|以像素为单位的图形宽度（仅用于预览和饼图/分解图）。|
|*高度*|<|以像素为单位的图形高度。|
|*图表类型*|<|图表类型：<br>**正常** - 正常图表，值显示为线条<br>**堆叠** - 堆叠图表，显示填充区域<br>**饼图** - 饼图<br>**展开** - “展开”饼图，部分显示为饼图的“切出”|
|*显示图例*|<|选中此框将设置为显示图例。|
|*显示工作时间*|<|如果选择，非工作时间将以灰色背景显示。不适用于饼图和分解饼图。|
|*显示触发器*|<|如果选中，简单触发器将显示为带有黑色短划线的线条，上面有触发器严重性颜色。不适用于饼图和分解饼图。|
|*百分位线（左）*|<|显示左 Y 轴的百分位。例如，如果设置了 95% 的百分位，则百分位线将位于 95% 的值所在的水平。显示为亮绿色线。仅适用于普通图。|
|*百分位线（右）*|<|显示右侧 Y 轴的百分位。例如，如果设置了 95% 的百分位，则百分位线将位于 95% 的值所在的水平。显示为一条鲜红的线。仅适用于普通图。|
|*Y 轴最小值*|<|Y 轴最小值：<br>**计算** - Y 轴最小值将自动计算<br>**固定** - Y 轴固定最小值.不适用于饼图和分解饼图。<br>**监控项** - 所选项目的最后一个值将是最小值|
|*Y 轴最大值*|<|Y 轴最大值：<br>**计算** - Y 轴最大值将自动计算<br>**固定** - Y 轴最大值固定.不适用于饼图和分解饼图。<br>**监控项** - 所选项目的最后一个值将是最大值|
|*3D 视图*|<|启用 3D 样式。仅适用于饼图和分解饼图。|
|*监控项*|<|要在此图中显示的数据的监控项。单击 *增加* 以选择项目。您还可以选择各种显示选项（功能、绘制样式、左/右轴显示、颜色）。|
|<|*排序顺序（0→100）*|绘制顺序。 0 将首先被处理。可用于在另一个后面（或前面）绘制线条或区域。<br>您可以通过线条开头的箭头拖放项目以设置排序顺序或哪个项目显示在另一个前面.|
|^|*名称*|所选项目的名称显示为链接。单击该链接可打开其他可用项目的列表。|
|^|*类型*|类型（仅适用于饼图和分解饼图）：<br>**简单** - 项目的值在饼图中按比例表示<br>**图表求和** -监控项值代表整个饼图<br>请注意，“图形总和”项目的着色仅在“比例”项目不占用的范围内可见。|
|^|*功能*|选择当一个项目的每个垂直图形像素存在多个值时将显示哪些值：<br>**all** - 在图形中显示所有可能的值（最小值、最大值、平均值） .请注意，对于较短的时间段，此设置无效；仅在较长时期内，当垂直图像素中的数据拥塞增加时，“全部”开始显示最小值、最大值和平均值。此功能仅适用于 *Normal* 图形类型。另请参阅：生成图表 [从历史/趋势](/manual/config/visualization/graphs/simple#generating_from_historytrends)。<br>**avg** - 显示平均值<br>**last** - 显示最新值。此功能仅适用于*饼图/爆炸的饼图*作为图形类型。** max **  - 显示最大值<br> ** min **  - 显示最小值|
|^|*绘制样式*|选择绘制样式（仅适用于普通图；堆叠图始终使用填充区域）应用于项目数据 - *线条*、*粗线*、*填充区域*、*点*，*虚线*，*渐变线*。|
|^|*Y轴侧*|选择Y轴侧显示项目数据-*左*，*右*。|
|^|*颜色*|选择要应用到项目数据的颜色。|

[comment]: # ({/714822cf-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})
