

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# Canvas 面板
<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)。

Canvas 是一種新面板，結合了 Grafana 的強大功能與自訂元素的彈性。Canvas 視覺化是可擴展的表單建置面板，可讓您在靜態和動態配置中明確放置元素。這可讓您以無法使用標準 Grafana 面板的方式設計自訂視覺效果和浮水印資料，全部都在 Grafana 的 UI 內。如果您已使用熱門的 UI 和 Web 設計工具，設計 Canvas 面板將會非常熟悉。

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

**指標值**

指標值元素可讓您輕鬆選取要在畫布上顯示的資料。此元素具有唯一的「編輯」模式，可透過內容功能表「編輯」選項或按兩下來觸發。在編輯模式中，您可以選擇要顯示的欄位資料。

**Text (文字)**

文字元素可讓您輕鬆地將文字新增至畫布。元素也支援編輯模式，透過按兩下或內容選單中的編輯選單選項觸發。

**矩形**

矩形元素可讓您將基本矩形新增至畫布。矩形元素支援顯示文字 （固定和欄位資料），也可以根據資料閾值變更背景顏色。

**圖示**

圖示元素可讓您將支援的圖示新增至畫布。圖示可以根據閾值或值映射來設定顏色。

## Canvas 編輯
<a name="v9-panels-canvas-editing"></a>

**內嵌編輯器**

Canvas 推出新的編輯體驗。您現在可以在儀表板模式中編輯畫布面板內嵌。

**內容功能表**

內容選單可讓您存取常見任務。支援的功能包括開啟和關閉內嵌編輯器、複製 元素、刪除 元素等。

內容功能表是由面板上的右鍵動作或指定的畫布元素觸發。右鍵按一下面板時，您可以設定背景影像，並輕鬆將元素新增至畫布。

右鍵按一下 元素時，您可以編輯、刪除和複製元素，或修改元素的圖層定位。

## Canvas 選項
<a name="v9-panels-canvas-options"></a>

**內嵌編輯**

內嵌編輯切換可讓您鎖定或解除鎖定畫布面板。關閉畫布面板時，會*鎖定*並凍結元素，防止意外修改。