为什么默认用它
趋势类面板是看板上出现最多的一类：时间放在横轴，数值放在纵轴，适合观察速率、分位与水位随时间的变化。多序列对比、图例统计与提示框联动都围绕这一形态展开，因此它是新建面板时的默认选择。
图例与坐标轴怎么配
图例建议使用表格模式并固定几列统计值，让每条曲线的均值、峰值与当前值一目了然，比只靠颜色判断更可靠。坐标轴则按数据特征选择软范围、对数或居中零轴，避免曲线被极值压平或出现误导性的放大。
阈值线与颜色
阈值配置把数值区间映射为颜色，阈值线把关键分界画在图上，两者结合能让异常区间一眼可见。阈值只影响展示、不产生告警，因此看板阈值与告警阈值应保持同一口径，评审时对照检查。
基本信息
| 单位 | 按指标语义设置，如每秒请求数、毫秒、百分比 |
|---|---|
| 图例模式 | 列表、表格或隐藏 |
| 提示框 | 单条或全部序列，按对比需求选择 |
| 常用技巧 | 用注释标记发布与变更时段 |
| 面板构成 | 查询、字段配置与可视化选项三部分 |
典型使用场景
- 速率趋势：请求速率、错误速率随时间的变化
- 分位曲线：延迟的 P95 与 P99 对比
- 资源水位：CPU、内存、磁盘使用率的历史走势
- 容量规划：把流量曲线与资源水位放在同一面板对照
- 发布验证：用注释标出发布时间，观察曲线是否抬升
- 多实例对比：按实例分组，找出行为异常的个别节点
关键配置片段
关键配置片段
{
"type": "timeseries",
"options": {
"legend": {"displayMode": "table", "placement": "right",
"calcs": ["mean", "max", "lastNotNull"]},
"tooltip": {"mode": "single"}
},
"fieldConfig": {"defaults": {
"unit": "reqps",
"custom": {"lineWidth": 2, "fillOpacity": 10}
}}
}常用选项
| 选项 | 作用 | 建议 |
|---|---|---|
| 图例统计列 | 显示均值、峰值与当前值 | 固定几列，跨看板统一 |
| 线宽与填充 | 控制可读性 | 多曲线时降低填充透明度 |
| 空值处理 | 决定缺口如何显示 | 区分无数据与零值 |
| 堆叠 | 把曲线叠加为总量 | 仅用于构成分析 |
| 坐标轴范围 | 软范围或固定范围 | 固定范围便于跨时间对比 |
常见问题与调整
| 现象 | 原因 | 调整方式 |
|---|---|---|
| 曲线糊成一团 | 序列数过多 | 先聚合再展示 |
| 曲线被极值压平 | 存在离群峰值 | 改用软范围或对数轴 |
| 多条线难以对比 | 单位或刻度不一致 | 统一单位并固定范围 |
| 看不出异常 | 缺少阈值标记 | 加阈值线与颜色分档 |
设计与维护
- 一个面板只表达一个主题，便于复用与排查
- 颜色与线型成对规划，不依赖单一视觉通道
- 在面板描述里写清口径与负责人
- 发布与变更时段用注释标记，便于事后对照
面板数量不是越多越好：信息密度过高会让值班同学抓不住重点，关键看板应控制在能快速扫完的规模。
对高基数标签直接画图会退化成一团颜色：先做聚合把曲线数量收敛到可读范围，再考虑展示细节。
排查图表异常的顺序
- 先看查询是否返回数据，排除数据源与时间范围问题
- 再看步长与窗口是否匹配，排除采样密度问题
- 然后看聚合与分组，排除曲线数量问题
- 最后调整展示选项，颜色与线型属于最后一层
同一主题的看板尽量复用同一批面板：面板模板一致，横向对比才有意义，维护时也能一次改完。
叠加过多序列会同时拖慢查询与阅读：面板是展示工具而不是数据容器，序列数量要主动收敛。