2. 添加图表面板

任务目标

在Grafana仪表盘中添加一个图表面板,配置Prometheus数据源,展示一个简单的时序数据(例如:CPU使用率)。通过本案例,你将掌握从创建面板到完成数据可视化的完整操作路径。

前置条件

  • 已安装并运行Grafana(版本9.x或更高)
  • 已安装并运行Prometheus,且暴露了可查询的指标(如node_cpu_seconds_total或rate(node_cpu_seconds_total[1m]))
  • Grafana中已添加Prometheus数据源(若未添加,请先在Configuration → Data Sources中完成添加,URL填写http://localhost:9090)

操作步骤

  1. 登录Grafana,进入目标仪表盘(或新建仪表盘)。
  2. 点击右上角Add panel,选择Add a new panel。
  3. 在编辑界面右侧Data source下拉框中选择你的Prometheus数据源。
  4. 在Query编辑器中输入PromQL查询语句,例如:100 - (avg by (instance) (rate(node_cpu_seconds_total{mode="idle"}[1m])) * 100)
  5. 点击右上角Run queries预览数据,确认图表出现曲线。
  6. 在右侧Panel options中设置标题为“CPU使用率”,调整图例位置、单位等显示属性。
  7. 点击Apply保存面板到仪表盘,最后点击仪表盘顶部的Save dashboard保存整个仪表盘。

关键配置说明

  • 数据源:确保Prometheus数据源状态为Healthy(在数据源设置页可查看)。
  • 查询语句:上述PromQL计算的是CPU使用率百分比,若你的环境没有node_cpu_seconds_total指标,可替换为其他存在的指标(如up或自定义业务指标)。
  • 时间范围:面板右上角可选择最近5分钟、1小时等,用于验证时序数据展示。

验证方法

  • 面板中出现随时间变化的曲线,且鼠标悬停时显示具体数值。
  • 切换右上角时间范围(如从“Last 15 minutes”改为“Last 1 hour”),曲线随之更新。
  • 在查询编辑器中修改PromQL(例如将mode="idle"改为mode="user"),点击Run queries后曲线形态发生变化,说明查询与数据源连接正常。
Grafana图表面板配置流程 1. 添加面板 Dashboard → Add panel 2. 选择数据源 Data source → Prometheus 3. 输入PromQL rate(node_cpu[...]) 4. 预览数据 Run queries 5. 应用并保存 Apply → Save dashboard ✓ 验证要点:曲线随时间变化、时间范围切换后更新、修改PromQL后图形改变

常见问题

  • 面板显示“No data”:检查Prometheus数据源是否健康,PromQL中指标名称是否存在,时间范围是否过短。
  • 曲线为直线:确认查询返回的是瞬时向量还是范围向量,时序图需要范围向量(如使用rate()函数)。
  • 数据源无法连接:在数据源设置页点击“Save & Test”,根据报错信息检查网络或URL配置。