【第六篇】Grafana 可视化大屏

Grafana 的作用是连接 InfluxDB，把存进去的历史数据做成专业的监控大屏，支持：

• 历史折线图（可以看过去任意时间段的数据）
• 多指标对比面板
• 报警规则（超限自动发邮件/钉钉）

跟 Node-RED Dashboard 的区别是：Node-RED Dashboard 只能看实时数据，Grafana 能看历史数据，这正好补上了 InfluxDB 存储的意义。

安装 Grafana

SSH 执行：

bash

sudo apt install -y grafana
sudo systemctl enable grafana-server
sudo systemctl start grafana-server
sudo systemctl status grafana-server

执行后发现报错

Unable to locate package grafana Ubuntu 的默认软件源里没有 Grafana，需要先添加 Grafana 官方软件源才能安装。

所以要依次执行一下命令：

 

 

SSH 执行：

bash

sudo apt install -y apt-transport-https software-properties-common wget
wget -q -O - https://packages.grafana.com/gpg.key | sudo apt-key add -
echo "deb https://packages.grafana.com/oss/deb stable main" | sudo tee /etc/apt/sources.list.d/grafana.list
echo "deb https://packages.grafana.com/oss/deb stable main" | sudo tee /etc/apt/sources.list.d/grafana.list

bash

sudo apt update
sudo apt install -y grafana

Grafana 13.1.0 安装成功！现在执行启动命令：

 

bash

sudo systemctl enable grafana-server
sudo systemctl start grafana-server
sudo systemctl status grafana-server

 Grafana active (running)，完全正常！按 q 退出

打开 Grafana 界面

浏览器访问：

 

http://192.168.112.130:3000

会出现登录页面，默认账号密码：

• 用户名：admin
• 密码：admin

 

已经进入 Grafana 了，而且直接跳到了新建 Dashboard 页面。先不急着建面板，第一步要先配置数据源（告诉 Grafana 去哪里读 InfluxDB 的数据）。

配置数据源

1. 点击左侧菜单的 「Connections」
2. 点击 「Data sources」
3. 点击右上角 「Add data source」
4. 在搜索框里输入 InfluxDB，点击选择它

 

 

已经进入 InfluxDB 数据源配置页面了，填写如下：

需要填写的字段

Query language（已经选好了）：InfluxQL ✅

URL：现在显示 Invalid URL，需要把 URL 框里的内容清空，重新填入：

 

http://localhost:8086

注意要包含 http:// 前缀，这是它报 Invalid URL 的原因。

然后往下滚动，填写数据库信息

页面往下拉，找到 「InfluxDB Details」 部分，填写：

• Database：edgebox
• User：留空
• Password：留空
• HTTP Method：GET

 

完美！🎉 看到底部绿色提示：

datasource is working. 1 measurements found

说明 Grafana 成功连接到 InfluxDB，并且找到了我们之前用 curl 写入的那条 temperature 数据！

下一步：创建监控面板

1. 点击左侧菜单 「Dashboards」
2. 点击右上角 「New」→「New dashboard」
3. 点击中间的 「+ Add visualization」（添加面板）
4. 弹出数据源选择框，选择 「influxdb」