自定义看板提供时序图、指标卡、表格、饼图、条形计量图等多种图表类型，并支持样式、小数点、单位等图表配置，以满足不同场景的使用需求，本文为您详细介绍图表类型和图表相关配置。 ## 时序图时序图是按时间维度展示数据变化趋势的图表（横轴为时间，纵轴为指标值），主要用于呈现 “指标随时间的波动规律”，适合发现趋势异常。通常适用于指标趋势分析与异常定位、周期性规律识别、告警触发点回溯等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_60ed8852244217106bed30fc9387c567.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||Tooltip |悬浮提示相关配置，即鼠标移动到图表上，临时弹出的数据窗口。

* **Tooltip 模式：** 默认为全部；选择 **单个 ** 时会展示离鼠标最近的 series；选择 **隐藏** 时不展示 Tooltip。

* **Tooltip 排序：** 仅当 Tooltip 模式为全部时生效，默认为升序排列，选择不排序时按数据返回属性排列。 | ||Legend |图例相关配置。

* **Legend 模式**：默认为列表形式；选择 **隐藏** 时不展示 Legend；选择 **表格 ** 时，以表格形式展示。

* **Legend 位置**：Legend 摆放的位置，根据实际需求选择底部或右侧。

* **Legend 展示计算值**：Legend 模式配置为表格时，可选择 Legend 展示计算值，支持多选 **。** 目前支持如下计算方式：

* **Last\*** ：提取数据序列中最后一条非空、非 0的有效数值，用于获取最终有效状态，排除空值与零值的干扰。

* **Last**：提取数据序列中最后一条原始记录值，可包含空值、0，用于严格还原最后一条原始数据。

* **First\*** ：提取数据序列中第一条非空、非 0 的有效数值，用于获取初始有效状态，过滤无效空值与零值。

* **First**：提取数据序列中第一条原始记录值，可包含空值、0，用于严格还原第一条原始数据。

* **Min**：提取指定范围内所有非空数值中的最小值，用于统计数据下限，反映指标最低水平。

* **Max**：提取指定范围内所有非空数值中的最大值，用于统计数据上限，反映指标最高水平。

* **Mean**：计算指定范围内所有非空数值的平均值，用于统计指标的平均水平，反映整体运行情况的平均状态。

* **Total**：对指定范围内所有非空数值求和，用于统计数据总量，反映整体汇总规模。

* **Count**：统计指定范围内非空数值的记录条数，用于核算有效数据量，评估数据覆盖情况。

* **All Zeros**：判断指定范围内所有数值是否全为 0，用于校验数据是否无有效数值，识别全零场景。

* **All Nulls**：判断指定范围内所有记录是否全为空值，用于校验数据是否完全缺失，识别无数据场景。 | ||图形样式 |根据实际需求，自定义配置时序图的样式，可配置项包括：线宽、填充透明度、渐变模式、连接方式。 | ||标准配置 |根据实际情况配置数据的小数点保留位数、单位、数据上限、色彩方案。 | ||数据链接 |根据实际场景，自定义配置数据链接。链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||阈值配置 |根据实际需求添加阈值点，阈值展示方式为：Y 轴虚线。 | |Overrides |覆写配置 |根据 fieldName 对不同字段进行配置重写，目前支持重写展示名和色彩方案。 | ## 柱状图柱状图是按类别维度对比数据大小的图表（横轴为分类项，纵轴为指标值），主要用于呈现 “不同类别指标值的差异对比”，适合快速识别数据间的量级差距。通常适用于多类别数据对比、TopN 指标排名、不同分组间的差异分析等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_3a5b115014ed530e846bb8498c76529e.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||Tooltip |悬浮提示相关配置，即鼠标移动到图表上，临时弹出的数据窗口。

* **Tooltip 模式：** 默认为全部；选择 **单个 ** 时会展示离鼠标最近的 series；选择 **隐藏** 时不展示 Tooltip。

* **Tooltip 排序：** 仅当 Tooltip 模式为全部时生效，默认为升序排列，选择不排序时按数据返回属性排列。 | ||图形样式 |根据实际需求，自定义配置时序图的样式，可配置项包括：堆叠、方向、X Axis。

* **堆叠**：控制多个数据系列是否叠加展示。启用后，各系列数值依次叠加；关闭时，各系列数值独立绘制。

* **方向**：控制时序图的绘制方向，可选自动、垂直或水平。

* **X Axis**：控制横轴的显示数据类型。 | ||Legend |图例相关配置。

* **Legend 模式**：默认为列表形式；选择 **隐藏** 时不展示 Legend；选择 **表格 ** 时，以表格形式展示，支持配置 **Legend 展示计算值**。目前支持的计算方式包括：Last\*、Last、First\*、First、Min、Max、Mean、Total、Count、All Zeros、All Nulls。

* **Legend 位置**：Legend 摆放的位置，根据实际需求选择底部或右侧。 | ||标准配置 |根据实际情况配置数据的小数点保留位数、单位、色彩方案。 | ## 指标卡指标卡是单值或关键指标的简洁展示组件，通常以数值 + 单位 + 状态标识的方式呈现，聚焦于当前值是否正常，适合快速捕捉核心指标的瞬时状态。通常适用于核心健康度指标监控、关键阈值监控、汇总类指标展示等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_e59f9178df81fd10db399c4a9d7952e6.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||指标卡样式 |可通过图形模式调整指标卡形式。

* **图表模式**：默认 **展示图表**，选择 **仅数值 ** 将只展示数据值。

* **展示变化率**：变化率开关，默认关闭。若开启，将展示第一个非空值与最后一个非空值的变化率。此外，开启后支持根据实际需求配置变化率前缀。

* **文本对齐**：文本对齐方式，支持居中和左对齐。

* **文本字号**：文本显示字号，默认自动适配，可根据实际需求调整。 | ||数据值配置 |自定义数据值的计算方式，目前支持的计算方式包括：Last\*、Last、First\*、First、Min、Max、Mean、Total、Count、All Zeros、All Nulls。 | ||标准配置 |根据实际情况配置数据的小数点保留位数和单位。 | ||数据链接 |根据实际场景，自定义配置数据链接。链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||阈值配置 |根据实际需求添加阈值点，阈值展示方式为：数据值颜色。 | |Overrides |覆写配置 |根据 fieldName 对不同字段进行配置重写，目前支持重写小数点、单位和阈值，在指标卡和表格场景中非常实用。 | ## 表格表格是多字段结构化数据的列表式展示组件，支持按字段排序、筛选、高亮，适合呈现带维度属性的明细数据，通常适用于多维度指标的明细对比、日志/事件明细查询、链路追踪关键节点分析、批量对象状态监控等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_0e7301698499923901acce4be94d8c04.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||单元格选项 |自定义配置单元格样式。包括：

* **单元格类型**：默认为 Auto，可根据实际场景针对文字着色或背景着色。

* **列宽**：默认为 Auto，可根据实际场景自定义表格列宽。 | ||标准配置 |根据实际情况配置数据的小数点保留位数和单位。 | ||数据链接 |根据实际场景，自定义配置数据链接。链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||阈值配置 |根据实际需求添加阈值点，阈值展示方式为：单元格颜色。 | |Overrides |覆写配置 |根据 fieldName 对不同字段进行配置重写，目前支持重写展示名、小数点、单位、列宽和阈值。 | ## 饼图饼图是按占比维度展示各部分与整体比例关系的图表（整体为 100%，扇区为各分类占比），主要用于呈现 “各分类在整体中的构成占比”。适合对比各部分权重差异，通常用于整体结构分析、分类占比对比、成分构成拆解等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_ffed707de19612e0d8d2f4943388e975.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||饼图样式 |根据实际情况选择饼图样式，支持饼图、环形图。 | ||数据值配置 |自定义数据值的计算方式，目前支持的计算方式包括：Last\*、Last、First\*、First、Min、Max、Mean、Total、Count、All Zeros、All Nulls。 | ||标准配置 |根据实际情况配置数据的小数点保留位数、单位、色彩方案。 | |Overrides |覆写配置 |根据 fieldName 对不同字段进行配置重写，目前支持重写小数点和单位。 | ## 仪表盘以圆形进度环的形式直观展示单一数值在指定范围内所处的位置，适用于展示实时状态、达标率、资源使用率等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_a88ccd291f5bfeb494d77220092c70a2.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||数据值配置 |根据实际情况自定义配置仪表盘展示的数据粒度、字段和数据条数。

* 显示：指定仪表盘展示的数据粒度。

* 计算值：对每个时间序列按自定义数据值的计算方式聚合后，展示单个结果值。

说明

目前支持的计算方式包括：Last\*、Last、First\*、First、Min、Max、Mean、Total、Count、All Zeros、All Nulls。

* 全部值：展示时间范围内的每个原始数据点，每个数据点对应一个仪表盘卡片。

* 字段：指定用于展示的字段。配置后，系统将基于所选字段展示对应的数据内容。

* 展示条数：仅当 **显示** 选择 **全部值** 时生效，用于限制仪表盘卡片的最大展示数量，默认为 25。 | ||仪表盘 |根据实际情况自定义配置仪表盘的排列方向、显示阈值标签、显示阈值标记、中性点。

* 排列方向：指定多个仪表盘卡片的排列方式，默认为 **自动**。

* 显示阈值标签：开启后，在仪表盘刻度上显示各阈值的数值标签。

* 显示阈值标记：开启后，在仪表盘圆弧上以刻度线标记各阈值的位置。

* 中性点：留空时使用数值下限作为圆弧起点。 | ||文本大小 |根据实际情况自定义配置仪表盘的标题和数据值的文本大小。 | ||标准配置 |根据实际情况自定义配置仪表盘的展示名称、数据值的小数点保留位数、单位、数据下限、数据上限、无值时显示、色彩方案。 | ||阈值配置 |根据实际需求添加阈值点，阈值展示方式为：数据值和仪表盘颜色。 | |Overrides |覆写配置 |根据 fieldName 对不同字段进行配置重写，目前支持重写展示名、小数点、单位、数据下限、数据上限、无值时显示、色彩方案、阈值、中性点。 | ## 条形计量图条形计量图是按分类维度展示数值大小的图表（横轴为分类项，纵轴为指标数值），主要用于呈现 “不同分类间的数值高低差异”。适合直观对比各类别量级，通常用于分类数值对比、排名展示、横向量级差异分析等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_78c03662f02525c3b7aeb5878ebc242c.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||图表配置 |自定义配置图表展示样式。

* **展示条数**：数据展示条数，若留空不设置, 将展示所有数据。例如：设置为 3 时，将展示当前排序方式时的前 3 条数据。

* **排序**：数据排序方式，默认为降序，支持升序、降序、不排序。

* **导航条高度**：导航条显示高度，默认 4px，可根据实际需求进行配置。 | ||数据值配置 |自定义数据值的计算方式，目前支持的计算方式包括：Last\*、Last、First\*、First、Min、Max、Mean、Total、Count、All Zeros、All Nulls。 | ||标准配置 |根据实际情况配置数据的小数点保留位数、单位和数值上限。其中，不设置数值上限时，默认使用 value 的最大值。 | ||数据链接 |根据实际场景，自定义配置数据链接。链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||阈值配置 |根据实际需求添加阈值点，阈值展示方式为：计量条颜色。 | |Overrides |覆写配置 |根据 fieldName 对不同字段进行配置重写，目前支持重写小数点、单位、数值上限、数据链接和阈值。 | ## 文本文本组件用于在看板中展示 Markdown 格式的文字内容，支持自定义排版、链接、列表等富文本样式，主要用于补充说明看板背景、指标口径、操作指引或重要提示，提升看板的可读性与信息完整性。通常适用于看板说明、指标口径解释、场景描述、重要通知等场景。 ![图片](https://portal.volccdn.com/obj/volcfe/cloud-universal-doc/upload_2aa1b2b839ef5466591a2c39e41c0b04.png) |类型 |配置项 |说明 | |---|---|---| |All |面板配置 |自定义图表名称、描述和 Panel 链接。其中，链接配置相关详细说明参见：[链接配置](https://www.volcengine.com/docs/86845/2228230)。 | ||指标卡样式 |可通过图形模式调整指标卡形式，默认 **展示图表**，选择 **仅数值 ** 将只展示数据值。 | ||标准配置 |根据实际情况配置数据的小数点保留位数和单位。 | ||阈值配置 |根据实际需求添加阈值点，阈值展示方式为：数据值颜色。 |

全栈可观测平台