4. 面板基础与可视化类型
面板（Panel）是 Grafana 中数据可视化的基本单元。每一个面板都对应一个独立的查询、一种可视化呈现方式以及一组可配置的告警与阈值规则。理解面板的构成与不同可视化类型的适用场景，是进行告警阈值可视化调优的前提。
4.1 面板（Panel）核心概念
一个面板由以下三层结构组成：
| 层级 | 组件 | 说明 |
|---|---|---|
| 数据层 | 查询（Query） | 从数据源（Prometheus、InfluxDB、Elasticsearch 等）获取时序或日志数据 |
| 转换层 | 转换（Transform） | 对查询结果进行过滤、聚合、数学运算、重命名等预处理 |
| 呈现层 | 可视化（Visualization） | 将转换后的数据渲染为图表、数字、表格或状态指示器 |
调优要点： 阈值配置位于呈现层，但阈值生效的前提是数据层与转换层输出正确的数值。建议在配置告警前，先使用“表格面板”或“统计面板”验证原始查询值。
4.2 时间序列图（Time Series）
时间序列图是 Grafana 中最核心的可视化类型，适用于展示指标随时间变化的趋势。它支持多条序列叠加、区域填充、阈值线标注以及告警状态着色。
- 适用场景： CPU 使用率、请求延迟、内存占用、网络流量等连续监控指标。
- 阈值调优优势： 可直接在图表上叠加阈值线（Thresholds），直观判断指标是否越界。
- 关键配置： 单位（Unit）、精度（Decimals）、图例（Legend）、工具提示（Tooltip）。
告警阈值可视化技巧： 在时间序列图中，将告警阈值设置为“虚线 + 红色填充区域”，可以快速识别出指标超出安全范围的时段。建议同时开启“告警状态”着色，让越界数据点自动变为红色。
4.3 柱状图（Bar Chart）
柱状图用于对比不同分类或时间窗口内的聚合值。Grafana 的柱状图支持分组柱、堆叠柱以及水平柱状图。
| 子类型 | 适用场景 | 阈值配置方式 |
|---|---|---|
| 分组柱状图 | 对比多个服务在同一时间段的指标 | 按值域设置阈值线，超出部分高亮 |
| 堆叠柱状图 | 展示总量与各组成部分的贡献 | 仅对总量设置阈值，不拆分 |
| 水平柱状图 | 排名或分类较多的场景 | 阈值线垂直标注，便于横向对比 |
4.4 饼图（Pie Chart）
饼图用于展示各部分占整体的比例关系。Grafana 饼图支持饼状、圆环状以及标签显示模式。
- 适用场景： 错误类型分布、资源使用占比、请求方法比例。
- 阈值调优限制： 饼图不适合展示精确的数值阈值，但可以通过“着色规则”将占比超过阈值的扇区标记为告警色。
- 最佳实践： 饼图通常作为辅助面板，与时间序列图或统计面板配合使用。
注意： 饼图在展示超过 5 个分类时，可读性会显著下降。建议先对数据进行聚合或分组，只保留 Top N 分类，其余归为“其他”。
4.5 统计面板（Stat）
统计面板以单个数字或简短文本的形式展示当前值，是告警阈值可视化的“第一眼”面板。它支持颜色阈值、背景色填充、Sparkline 迷你趋势图以及图标显示。
- 适用场景： 当前 CPU 使用率、在线用户数、错误计数、SLO 达成率。
- 阈值调优核心： 利用“阈值模式”将数值映射为绿色（正常）、黄色（警告）、红色（严重）。
- 配置示例：
阈值模式：百分比（Percent）
阈值范围：
- 基础值：0
- 绿色：0 ~ 70
- 黄色：70 ~ 90
- 红色：90 ~ 100
显示模式：背景色填充（Background）4.6 表格面板（Table）
表格面板以行和列的形式展示结构化数据，支持排序、筛选、单元格着色以及字段映射。它是验证查询结果和调试阈值配置的首选工具。
| 功能 | 说明 | 阈值调优用途 |
|---|---|---|
| 单元格着色 | 根据数值范围自动改变单元格背景色 | 快速定位越界数据行 |
| 字段映射 | 将数值映射为文本或图标 | 将告警级别映射为“正常/警告/严重” |
| 排序与过滤 | 按列排序或设置过滤条件 | 只显示异常数据，缩小排查范围 |
调优技巧： 在配置告警规则之前，先使用表格面板查看原始数据，确认查询返回的数值单位与阈值单位一致（例如：百分比 vs 小数）。这是最常见的告警误报原因之一。
4.7 状态历史面板（State Timeline）
状态历史面板以时间轴的形式展示离散状态的变化过程，特别适合展示告警状态的切换历史。
- 适用场景： 告警状态（OK / Warning / Critical）随时间的变化、服务健康状态切换、部署状态跟踪。
- 阈值调优优势： 可以直观看到告警触发、恢复、重复告警的时间分布，帮助调整告警持续时间和评估周期。
- 配置要点： 需要数据源返回离散的状态标签（字符串或整数），并配置状态颜色映射。
4.8 可视化类型对比总结
| 面板类型 | 数据形态 | 阈值可视化能力 | 告警调优推荐度 |
|---|---|---|---|
| 时间序列图 | 连续时序 | 阈值线、区域着色、状态着色 | ★★★★★ |
| 柱状图 | 离散聚合 | 阈值线、单元格着色 | ★★★★☆ |
| 饼图 | 比例分布 | 扇区着色（有限） | ★★☆☆☆ |
| 统计面板 | 单值 | 背景色、文字色、图标 | ★★★★★ |
| 表格面板 | 结构化多行 | 单元格着色、字段映射 | ★★★★☆ |
| 状态历史面板 | 离散状态时序 | 状态色带、时间轴着色 | ★★★★☆ |
课程实践建议： 在开始告警阈值调优之前，先为每个监控指标选择最合适的可视化类型。时间序列图 + 统计面板的组合是最常用的“趋势 + 当前值”搭配，能够同时满足趋势分析和即时告警判断的需求。