如何移除Grafana面板头部菜单选项（View/Share/Inspect/More）

安全阿岳

2026-7-15

Grafana面板头部菜单自定义方案

一、原生配置项限制（局限性说明）

Grafana原生没有直接针对单个面板隐藏View/Share/Inspect/More菜单的配置项，但可以通过权限设置做部分限制：

全局角色：将用户设置为Viewer角色，可限制编辑权限，但Share、Inspect等菜单仍会显示。
仪表盘权限：在仪表盘设置中给用户分配View权限，同样无法完全隐藏目标菜单，仅能限制编辑类操作。

如果需要精准隐藏指定菜单，必须结合自定义CSS方案。

二、自定义CSS实现方案

1. 开启自定义CSS支持

修改Grafana配置文件grafana.ini，找到[panels]段，添加或修改：

[panels]
enable_custom_css = true

保存后重启Grafana服务。

2. 编写CSS代码

将以下CSS代码添加到Grafana的自定义CSS文件（通常路径为public/css/custom.css，具体路径取决于部署方式）：

全局隐藏所有面板的目标菜单

/* 移除View菜单 */
.panel-header__menu-item--view {
  display: none !important;
}

/* 移除Share菜单 */
.panel-header__menu-item--share {
  display: none !important;
}

/* 移除Inspect菜单 */
.panel-header__menu-item--inspect {
  display: none !important;
}

/* 移除More菜单 */
.panel-header__menu-item--more {
  display: none !important;
}

仅针对特定仪表盘隐藏菜单

如果只想让某一个仪表盘生效，可先给仪表盘添加自定义类：

进入仪表盘设置 → 切换到JSON模型标签
在根对象中添加"class": "restricted-dashboard"（示例：{ "class": "restricted-dashboard", ... }）
修改CSS代码为：

.restricted-dashboard .panel-header__menu-item--view,
.restricted-dashboard .panel-header__menu-item--share,
.restricted-dashboard .panel-header__menu-item--inspect,
.restricted-dashboard .panel-header__menu-item--more {
  display: none !important;
}