本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 面板编辑器概述
<a name="v10-panels-editor-overview"></a>

****  
本文档主题专为支持 **Grafana 10.x 版本**的 Grafana 工作区而设计。  
有关支持 Grafana 版本 12.x 的 Grafana 工作空间，请参阅。[在 Grafana 版本 12 中工作](using-grafana-v12.md)  
对于支持 Grafana 9.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 9](using-grafana-v9.md)。  
对于支持 Grafana 8.x 版本的 Grafana 工作区，请参阅[使用 Grafana 版本 8](using-grafana-v8.md)。

在面板编辑器中，您可以更新可视化项的所有元素，包括数据来源、查询、时间范围和显示选项。

要将面板添加到新的控制面板，请选择控制面板中间的 **\+ 添加可视化**。要将面板添加到现有控制面板，请在控制面板标题中选择**添加**，然后在下拉列表中选择**可视化**。您也可以从相同或不同的控制面板中复制和粘贴现有面板。

## 面板菜单
<a name="v10-panels-editor-menu"></a>

要访问面板编辑器，请将鼠标悬停在任何面板的右上角。选择出现的面板菜单图标，然后选择**编辑**。

面板菜单还允许访问以下操作：
+ **查看**：以全屏模式查看面板。
+ **编辑**：打开面板编辑器以编辑面板和可视化选项。
+ **共享**：以链接或库面板的形式共享面板。
+ **Explore**：在 **Explore** 中打开面板，您可以在其中专注于查询。
+ **检查**：打开**检查**抽屉，您可以在其中查看面板数据、统计、元数据、JSON 和查询。
  + **数据**：在**数据**选项卡中打开**检查**抽屉。
  + **查询**：在**查询**选项卡中打开**检查**抽屉。
  + **面板 JSON**：在 **JSON** 选项卡中打开**检查**抽屉。
+ **扩展**：访问已安装应用程序提供的其他操作，例如声明事件。只有在安装了为面板菜单提供扩展的应用程序插件时，才会显示此选项。
+ **更多**：访问其他面板操作。
  + **重复**：创建面板的副本。重复面板与原始面板分开查询数据。如果要使用相同的查询结果，可以使用第二个面板中的 `Dashboard` 数据来源。
  + **复制**：将面板复制到剪贴板。
  + **创建库面板**：创建可导入其他控制面板的面板。
  + **创建警报**-在 Alerting 中打开**警报**规则配置页面，您可以在其中根据面板查询创建[Grafana-managed 警报](v10-alerts.md)。
  + **隐藏图例**：隐藏面板图例。
  + **获取帮助**：向 Grafana Labs 技术支持发送快照或面板数据。
+ **删除**：从控制面板上删除面板。

## 面板编辑器
<a name="v10-panels-editor-view"></a>

本节介绍了 Grafana 面板编辑器的各个区域。
+ 面板标题：标题部分列出了显示面板的控制面板和以下控件：
  + **丢弃**：丢弃自上次保存控制面板之后，对面板所做的更改。
  + **保存**：保存对面板所做的更改。
  + **应用**：应用您所做的更改，关闭面板编辑器，返回控制面板。您需要保存控制面板，以持久保留所应用的更改。
+ 可视化预览：可视化预览部分包含以下选项：
  + **表视图**：将任何可视化转换为表，以便查看数据。表视图有助于进行问题排查。此视图仅包含原始数据。不包括您可能应用于数据的转换，也不包括[表](v10-panels-table.md)可视化中可用的格式化选项。
  + **填充**：可视化预览会填充可用空间。如果更改侧窗格的宽度或底部窗格的高度，可视化效果会随之改变以填充可用空间。
  + **实际**：可视化预览的大小与控制面板上的大小完全一致。如果可用空间不足，可视化大小会缩减，同时保留纵横比。
  + **时间范围控制**：**默认**为浏览器本地时区或在更高级别选择的时区。
+ 数据部分：数据部分包含用于输入查询、转换数据和创建警报规则（如适用）的选项卡。
  + **查询选项卡**：选择您的数据来源，并在此处输入查询。有关更多信息，请参阅 [查询和转换数据](v10-panels-query-xform.md)。最初创建控制面板时，系统会提示您选择数据来源。您可以在此选项卡中更新数据来源或查询。
  + **转换选项卡**：应用数据转换。有关更多信息，请参阅 [查询和转换数据](v10-panels-query-xform.md)。
  + **警报选项卡**：编写警报规则。有关更多信息，请参阅 [Grafana 10 版本中的警报](v10-alerts.md)。
+ 面板显示选项：显示选项部分包含选项卡，您可以在其中配置数据可视化的各个方面。详细信息因所选可视化类型而异。

## 面板检查抽屉
<a name="v10-panels-editor-inspect"></a>

检查抽屉有助于您了解查询并进行问题排查。您可以查看任何面板的原始数据，将该数据导出到逗号分隔值（CSV）文件，查看查询请求，以及导出面板和数据 JSON。

**注意**  
并非所有面板类型都包含所有选项卡。例如，控制面板列表面板没有要检查的原始数据，因此不显示“统计”、“数据”或“查询”选项卡。

面板检查器包含以下选项：
+ 面板检查抽屉显示会在右侧显示为抽屉。选择右上角的箭头可展开或缩小抽屉窗格。
+ **数据选项卡**：显示应用转换后查询返回的原始数据。默认情况下，不会应用覆盖和值映射之类的字段选项。
+ **统计选项卡**：显示查询花费的时间和返回的数量。
+ **JSON 选项卡**：允许您查看和复制面板 JSON、面板数据 JSON 和数据帧结构 JSON。如果您在预置或管理 Grafana，这非常有用。
+ **查询选项卡**：显示 Grafana 查询数据来源时向服务器发送的请求。
+ **错误选项卡**：显示查询返回的任何错误。此选项卡仅在查询返回错误时可见。