安装 grafana

oss：开源版本

enterprise: 商业版本

https://grafana.com/grafana/download?pg=get&plcmt=selfmanaged-box1-cta1&edition=oss

添加数据源

以 grafana 10.3.3 为例， 在 connections –> Data sources 中新增：

image.png

面板配置

可以手动配置，也可以在 grafana 官网下载别人配置好的模板：https://grafana.com/grafana/dashboards/, 复制 ID 或者下载 json 文件到本地
image.png

然后在面板上面，点击 + ， 选择 import dashboard 使用 json 文件导入或者直接输入面板 id 进行导入。

image.png

导入后便能看到基础的图形。

做变量筛选

比如我们的监控会区分环境， 比如开发环境 dev，生产环境 prod， 现在需要在 grafana 的面板上做一个筛选框，这里是原始的数据：比如我们需要取 env 的值
image.png

在面板的设置–变量中， 添加一个变量， 变量名可以自定义， 在此面板的查询语句中可以调用。 查询选项取 Label values， 要取的标签为 env， 要查询的语句为 node_uname_info（选一个覆盖面最广的语句）

image.png

然后 Dashboard 的右上角就有了这个动态筛选框。
image.png

制作第二个选框

比如第一个选框是环境，第二个选框是项目，第三个选框是机器 ip 地址。

如下是根据 env 选择 project：
image.png

如下是根据 env 和 project 选择 ip：

image.png

所有变量：
image.png

效果如图，选择 dev 环境自动出现 ip 198， 选择 prod 自动出现 ip 199：
image.png

image.png

面板中的调用方式：

image.png

注意：上面查询 CPU 使用率的promsql语句不太好，会出现负数，应该修改为：

1
1 - (sum(increase(node_cpu_seconds_total{ip="$ip", mode="idle"}[1m])) by (instance) / sum(increase(node_cpu_seconds_total{ip="$ip"}[1m])) by (instance))