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

# 画布面板
<a name="v9-panels-canvas"></a>

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

画布是一种新面板，将 Grafana 的强大功能与自定义元素的灵活性相结合。画布可视化是可扩展的表单构建面板，允许在静态和动态布局中显式放置元素。这使您能够以标准 Grafana 面板无法实现的方式设计自定义可视化和叠加数据，所有这些都在 Grafana 的 UI 中完成。如果您使用过流行的 UI 和 Web 设计工具，那么设计画布面板会感觉非常熟悉。

## 元素
<a name="v9-panels-canvas-elements"></a>

**指标值**

指标值元素让您可以轻松选择要在画布上显示的数据。此元素具有独特的“编辑”模式，可通过上下文菜单“编辑”选项或双击来触发。在编辑模式下，您可以选择要显示的字段数据。

**文本**

文本元素使您能够轻松地向画布添加文本。该元素还支持编辑模式，可通过双击或上下文菜单中的编辑菜单选项触发。

**矩形**

通过矩形元素，您可以在画布上添加基本的矩形。矩形元素支持显示文本（固定数据和字段数据），也可以根据数据阈值更改背景颜色。

**图标**

通过图标元素，您可以将支持的图标添加到画布。可根据阈值或值映射来设置图标的颜色。

## 画布编辑
<a name="v9-panels-canvas-editing"></a>

**内联编辑器**

画布引入了全新的编辑体验。现在，您可以在控制面板模式下以内联方式编辑画布面板。

**上下文菜单**

通过上下文菜单，您可以访问常见任务。支持的功能包括打开和关闭内联编辑器、复制元素、删除元素等。

右键单击面板或给定画布元素会触发上下文菜单。右键单击面板时，您可以设置背景图像，轻松地向画布添加元素。

右键单击元素时，您可以编辑、删除和复制该元素，或者修改元素的图层位置。

## 画布选项
<a name="v9-panels-canvas-options"></a>

**内联编辑**

内联编辑开关让您可以锁定或解锁画布面板。关闭后，画布面板将处于*锁定*状态，将元素冻结在原位并防止意外修改。