

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

# Grafana 第 10 版中的面板和視覺化
<a name="v10-panels"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

*面板*是 Grafana 中的基本視覺化建置區塊。每個面板都有一個查詢編輯器，專用於面板中選取的資料來源。查詢編輯器可讓您建置查詢，以傳回您要視覺化的資料。

每個面板有各種樣式和格式選項。面板可以拖曳、捨棄和調整大小，以在儀表板上重新排列。

新增面板之前，請確定您已設定資料來源。

其他面板類型可以透過將其他[外掛程式](grafana-plugins.md)安裝到您的工作區來使用。

如需使用特定資料來源的詳細資訊，請參閱 [連線至資料來源](AMG-data-sources.md)。

**Topics**
+ [面板編輯器概觀](v10-panels-editor-overview.md)
+ [面板檢查檢視](v10-panels-panel-inspector.md)
+ [查詢和轉換資料](v10-panels-query-xform.md)
+ [設定面板選項](v10-panels-configure-panel-options.md)
+ [設定標準選項](v10-panels-configure-standard-options.md)
+ [設定圖例](v10-panels-configure-legend.md)
+ [設定資料連結](v10-panels-configure-data-links.md)
+ [設定值映射](v10-panels-configure-value-mappings.md)
+ [設定閾值](v10-panels-configure-thresholds.md)
+ [設定欄位覆寫](v10-panels-configure-overrides.md)
+ [Grafana 第 10 版中可用的視覺化](v10-panels-viz.md)

# 面板編輯器概觀
<a name="v10-panels-editor-overview"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

在面板編輯器中，您可以更新視覺化的所有元素，包括資料來源、查詢、時間範圍和顯示選項。

若要將面板新增至新的儀表板，請選取 **\$1 在儀表板中間新增視覺**效果。若要將面板新增至現有儀表板，請在儀表板標頭中選取**新增**，然後在下拉式清單中選取**視覺化**。您也可以從相同或不同的儀表板複製和貼上現有的面板。

## 面板功能表
<a name="v10-panels-editor-menu"></a>

若要存取面板編輯器，請將滑鼠游標移至任何面板的右上角。選取出現的面板選單圖示，然後選取**編輯**。

面板功能表也可讓您存取下列動作：
+ **檢視** – 以全螢幕檢視面板。
+ **編輯** – 開啟面板編輯器以編輯面板和視覺化選項。
+ **共用** – 以連結或程式庫面板的形式共用面板。
+ **探索** – 在**探索**中開啟面板，您可以在其中專注於查詢。
+ **檢查** – 開啟**檢查**抽屜，您可以在其中檢閱面板資料、統計資料、中繼資料、JSON 和查詢。
  + **資料** – 在**資料**索引標籤中開啟**檢查**抽屜。
  + **查詢** – 在**查詢**索引標籤中開啟**檢查**抽屜。
  + **面板 JSON** – 在 **JSON** 索引標籤中開啟**檢查**抽屜。
+ **延伸模組** – 存取已安裝應用程式提供的其他動作，例如宣告事件。只有在您已安裝應用程式外掛程式，而該外掛程式為面板功能表提供擴充功能時，才會顯示此選項。
+ **其他** – 存取其他面板動作。
  + **複製** – 複製面板。重複的面板會與原始面板分開查詢資料。如果您想要使用相同的查詢結果，您可以在第二個面板中使用`Dashboard`資料來源。
  + **複製** – 將面板複製到剪貼簿。
  + **建立程式庫面板** – 建立可匯入至其他儀表板的面板。
  + **建立提醒** – 在**提醒**中開啟提醒規則組態頁面，您可以在其中根據面板查詢建立 [Grafana 受管提醒](v10-alerts.md)。
  + **隱藏圖例** – 隱藏面板圖例。
  + **取得協助** – 將快照或面板資料傳送至 Grafana Labs 技術支援。
+ **移除** – 從儀表板移除面板。

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

本節說明 Grafana 面板編輯器的區域。
+ 面板標頭 – 標頭區段列出顯示面板的儀表板，以及下列控制項：
  + **捨**棄 – 捨棄您自上次儲存儀表板以來對面板所做的變更。
  + **儲存** – 儲存您對面板所做的變更。
  + **套用** – 套用您所做的變更並關閉面板編輯器，讓您返回儀表板。您必須儲存儀表板，才能保留套用的變更。
+ 視覺化預覽 – 視覺化預覽區段包含下列選項：
  + **資料表檢視** – 將任何視覺化轉換為資料表，以便您可以查看資料。資料表檢視有助於故障診斷。此檢視僅包含原始資料。它不包括您可能已套用至資料或[資料表](v10-panels-table.md)視覺化中可用格式選項的轉換。
  + **Fill** – 視覺化預覽會填滿可用空間。如果您變更側邊窗格的寬度或底部窗格的高度，視覺化效果會變更以填滿可用空間。
  + **實際** – 視覺化預覽的大小將與儀表板上的大小完全相同。如果沒有足夠的可用空間，視覺效果將縮減以保留長寬比。
  + **時間範圍控制** – **預設**是瀏覽器本機時區，或在較高層級選取的時區。
+ 資料區段 – 資料區段包含標籤，您可以在其中輸入查詢、轉換資料，以及建立提醒規則 （如適用）。
  + **查詢索引標籤** – 選取您的資料來源，然後在此處輸入查詢。如需詳細資訊，請參閱[查詢和轉換資料](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 查詢資料來源時傳送至伺服器的請求。
+ **錯誤索引標籤** – 顯示查詢傳回的任何錯誤。只有在查詢傳回錯誤時，才會顯示標籤。

# 面板檢查檢視
<a name="v10-panels-panel-inspector"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

面板檢查檢視可透過面板選單開啟，可協助您了解面板並進行疑難排解。您可以檢查任何 Amazon Managed Grafana 面板的原始資料、將該資料匯出至逗號分隔值 (CSV) 檔案、檢視查詢請求，以及匯出面板和資料 JSON。

**注意**  
並非所有面板類型都包含所有標籤。例如，儀表板清單面板沒有要檢查的原始資料，因此不會顯示統計資料、資料或查詢索引標籤。

面板檢查器包含下列選項：

1. 面板檢查器會在窗格頂端顯示**檢查：**。選取右上角的箭頭以展開或縮小窗格。

1. **資料索引標籤** – 顯示套用轉換之查詢傳回的原始資料。預設不會套用覆寫和值映射等欄位選項。

1. **統計資料索引標籤** – 顯示查詢需要多長時間，以及傳回多少。

1. **JSON 索引標籤** – 可讓您檢視和複製面板 JSON、面板資料 JSON 和資料框架結構 JSON。如果您佈建或管理 Grafana，這會很有用。

1. **查詢索引標籤** – 顯示 Grafana 查詢資料來源時傳送到伺服器的請求。

1. **錯誤索引標籤** – 顯示任何錯誤。只有在查詢傳回錯誤時才會顯示。

## 下載原始查詢結果
<a name="v10-panels-raw-query-results"></a>

Amazon Managed Grafana 會產生 CSV 檔案，其中包含您的資料，包括該資料的任何轉換。您可以選擇在面板套用欄位選項或欄位選項覆寫之前或之後檢視資料。

**下載原始查詢結果**

1. 編輯包含您要下載之查詢資料的面板。

1. 在查詢編輯器中，選取**查詢檢查器**。

1. 選取**資料**。

   如果您的面板包含多個查詢或多個節點，則您還有其他選項。
   + **選取結果** – 選擇您要檢視的結果集資料。
   + **轉換資料**
   + **依時間聯結** – 一次檢視所有查詢的原始資料，每欄一個結果集。選取欄標題以重新排序資料。

1. 若要在系統套用欄位覆寫之前查看資料，請選取**格式化資料**切換。

1. 若要下載專為 Excel 格式化的 CSV 檔案，請選取**下載適用於 Excel** 的切換。

1. 選取 **Download CSV (下載 CSV)**。

## 檢查查詢效能
<a name="v10-panels-query-performance"></a>

**統計資料**索引標籤會顯示統計資料，告訴您查詢需要多長時間、傳送多少查詢，以及傳回的資料列數。此資訊可協助您對查詢進行疑難排解，尤其是在任何數字意外過高或過低時。

**檢查查詢效能**

1. 編輯包含查詢的面板，其中包含您要檢查的效能。

1. 在查詢編輯器中，選取**查詢檢查器**。

1. 選取**統計資料**。

統計資料會以唯讀格式顯示。

## 檢查查詢請求和回應
<a name="v10-panels-query-request-response"></a>

當您想要對傳回非預期結果或無法傳回預期結果的查詢進行疑難排解時，您可以檢查查詢請求和回應資料。

1. 編輯包含您要匯出之查詢的面板。

1. 在查詢編輯器中，選取**查詢檢查器**。

1. 選取**重新整理**。

   面板會填入回應資料。

1. 視需要進行調整，並重新執行查詢。

1. 若要下載查詢請求和回應資料，請按一下**複製到剪貼簿**圖示，並將結果貼到另一個應用程式。

# 查詢和轉換資料
<a name="v10-panels-query-xform"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Amazon Managed Grafana 支援許多類型的[資料來源](AMG-data-sources.md)。資料來源*查詢*會傳回 Grafana 可以*轉換*和視覺化的資料。每個資料來源都使用自己的查詢語言，且每個資料來源外掛程式都會實作稱為查詢編輯器的查詢建置使用者介面。

**Topics**
+ [關於查詢](#v10-panels-query-xform-about)
+ [導覽查詢索引標籤](#v10-panels-query-xform-navigate)
+ [新增查詢](#v10-panels-query-xform-add)
+ [管理查詢](#v10-panels-query-xform-manage)
+ [查詢選項](#v10-panels-query-xform-options)
+ [寫入表達式查詢](v10-panels-query-xform-expressions.md)
+ [與其他面板共用查詢結果](v10-panels-query-share.md)
+ [轉換資料](v10-panels-xform.md)
+ [對查詢進行故障診斷](v10-panels-query-troubleshoot.md)
+ [計算類型](v10-panels-calculation-types.md)

## 關於查詢
<a name="v10-panels-query-xform-about"></a>

Grafana 面板會透過查詢與資料來源通訊，以擷取視覺化資料。查詢是以資料來源使用的查詢語言撰寫的問題。

您可以在面板的資料來源選項中設定查詢頻率和資料收集限制。Grafana 每個面板最多支援 26 個查詢。

您可以在資料來源區段中找到每個[資料來源](AMG-data-sources.md)查詢語言的詳細資訊。

**查詢編輯器**

每個資料來源的*查詢編輯器*都提供自訂的使用者介面，協助您撰寫利用其唯一功能的查詢。

由於查詢語言之間的差異，每個資料來源查詢編輯器的外觀和功能都不同。根據您的資料來源，查詢編輯器可能會提供自動完成功能、指標名稱、變數建議或視覺化查詢建置界面。

如需特定資料來源唯一查詢編輯器功能的詳細資訊，包括查詢和語法的相關資訊，請參閱資料來源文件：
+ 如需 Amazon Managed Grafana 隨附的資料來源，請參閱[內建資料來源](AMG-data-sources-builtin.md)。
+ 如需 Grafana Enterprise 隨附的資料來源，請參閱 [連線至企業資料來源](AMG-data-sources-enterprise.md)。
+ 對於您透過 安裝的其他資料來源外掛程式[使用外掛程式目錄尋找外掛程式](grafana-plugins.md#plugin-catalog)， 文件會在外掛程式目錄中的 清單中連結。

**查詢語法**

資料來源使用不同的查詢語言來請求資料。如需特定資料來源唯一查詢語言的詳細資訊，請參閱其文件。

**PostgreSQL 範例：**

```
SELECT hostname FROM host WHERE region IN($region)
```

**PromQL 範例：**

```
query_result(max_over_time(<metric>[${__range_s}s]) != <state>)
```

**特殊資料來源**

Grafana 也包含三個特殊資料來源：**Grafana**、**Mixed** 和 **Dashboard**。如需詳細資訊，請參閱[連線至資料來源](AMG-data-sources.md)。

## 導覽查詢索引標籤
<a name="v10-panels-query-xform-navigate"></a>

面板的**查詢**索引標籤包含下列元素：
+ **資料來源選擇器** – 選取要查詢的資料來源。
+ **查詢選項** – 設定最大資料擷取參數和查詢執行時間間隔。
+ **查詢檢查程式按鈕** – 開啟查詢檢查程式面板，您可以在其中檢視和最佳化查詢。
+ **查詢編輯器清單** – 列出您寫入的查詢。
+ **表達式** – 使用表達式建置器建立提醒表達式。如需運算式的相關資訊，請參閱[寫入表達式查詢](v10-panels-query-xform-expressions.md)。

## 新增查詢
<a name="v10-panels-query-xform-add"></a>

查詢會傳回 Grafana 在儀表板面板中視覺化的資料。當您建立面板時，Grafana 會自動選取預設資料來源。

**新增查詢**

1. 編輯您要新增查詢的面板。

1. 選擇 **Queries** (查詢) 索引標籤。

1. 選擇**資料來源**下拉式功能表，然後選取資料來源。

1. 選擇**查詢選項**來設定所需的資料點數量上限。如需查詢選項的詳細資訊，請參閱 [查詢選項](#v10-panels-query-xform-options)。

1. 使用查詢編輯器撰寫查詢。

1. 選擇**套用**。

Grafana 會查詢資料來源並視覺化資料。

## 管理查詢
<a name="v10-panels-query-xform-manage"></a>

Grafana 會在可摺疊查詢列中組織查詢。每個查詢列都包含查詢編輯器，並以字母 (A、B、C 等） 識別。

若要管理您的查詢，您可以複製查詢、隱藏查詢、移除查詢、重新排序查詢，以及切換查詢編輯器的說明。

## 查詢選項
<a name="v10-panels-query-xform-options"></a>

選擇資料來源選擇器旁的**查詢選項**，以查看所選資料來源的設定。您在此處所做的變更只會影響在此面板中進行的查詢。

Grafana 會設定以深灰色文字顯示的預設值。變更會以白色文字顯示。若要將欄位傳回預設設定，請從 欄位刪除白色文字。

面板資料來源查詢選項包括：
+ **最大資料點** – 如果資料來源支援，這會設定傳回的每個序列的資料點數目上限。如果查詢傳回的資料點超過最大資料點設定，則資料來源會藉由依平均、最大或其他函數彙總它們來減少傳回的點數。

  您可以限制點數量，以改善查詢效能或平滑視覺化線條。預設值是圖形的寬度 （或像素數），因為您只能將圖形面板有空間可顯示的資料點視覺化。

  使用串流資料時，Grafana 會使用滾動緩衝區的最大資料點值。串流是資料的連續流程，緩衝會將串流分割成區塊。
+ **最小間隔** – 設定自動計算間隔的最小限制，通常是最小抓取間隔。如果資料點每 15 秒儲存一次，則不會因為間隔低於此值而受益。您也可以將此設定為高於湊集間隔的最小值，以擷取更粗細且功能良好的查詢。
+ **間隔** – 設定您可以用來依時間彙總或分組資料點的時間範圍。

  Grafana 會自動計算適當的間隔，您可以在範本查詢中用作變數。變數的測量單位為秒 (`$__interval`) 或毫秒 ()`$__interval_ms`。

  間隔通常用於彙總函數，例如總和或平均值。例如，這是使用間隔變數 的 Prometheus 查詢`rate(http_requests_total[$__interval])`。

  此自動間隔是根據圖形的寬度計算。當使用者縮小視覺化效果時，間隔會增加，導致更粗細的彙總。同樣地，如果使用者放大，間隔會減少，導致更精細的彙總。

  如需詳細資訊，請參閱[全域變數](v10-dash-variable-add.md#v10-dash-variable-add-global)。
+ **相對時間** – 覆寫個別面板的相對時間範圍，這會導致它們與儀表板右上角儀表板時間選擇器中選取的時間範圍不同。您可以使用此功能在相同的儀表板上顯示不同時段或天數的指標。
**注意**  
當儀表板的時間範圍為絕對時，面板時間覆寫不會有任何影響。    
[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-query-xform.html)
+ **時間轉移** – 透過相對於時間挑選器轉移其開始和結束來覆寫個別面板的時間範圍。例如，您可以將面板的時間範圍變更為早於儀表板時間挑選器兩小時。
**注意**  
當儀表板的時間範圍為絕對值時，面板時間覆寫不會有任何影響。    
[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-query-xform.html)
+ **快取逾時** – *（只有在資料來源中可用時才可見）* 如果您的時間序列存放區具有查詢快取，則覆寫預設快取逾時。將此值指定為以秒為單位的數值。

# 寫入表達式查詢
<a name="v10-panels-query-xform-expressions"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

伺服器端表達式可讓您使用數學和其他操作來操作查詢傳回的資料。運算式會建立新的資料，而且不會操作資料來源傳回的資料。

## 關於表達式
<a name="v10-panels-query-about"></a>

伺服器端表達式可讓您使用數學和其他操作來操作查詢傳回的資料。表達式會建立新的資料，除了一些次要資料重組，以讓表達式的資料可接受輸入之外，不會操作資料來源傳回的資料。

**使用表達式**

[Grafana 警示](v10-alerts.md)最常使用的表達式。處理是在伺服器端完成，因此表達式可以在沒有瀏覽器工作階段的情況下操作。不過，表達式也可以與後端資料來源和視覺化搭配使用。

**注意**  
表達式不適用於舊版儀表板提醒。

表達式旨在透過啟用來自不同資料來源的查詢合併，或提供資料來源中無法使用的操作來增強資料來源。

**注意**  
如果可能，您應該在資料來源內進行資料處理。將資料從儲存複製到 Grafana 伺服器進行處理效率低，因此表達式以輕量型資料處理為目標。

運算式適用於傳回時間序列或數值資料的資料來源查詢。它們也會在[多維資料](getting-started-grafanaui.md#time-series-dimensions)上運作。例如，傳回多個序列的查詢，其中每個序列都由標籤或標籤識別。

個別表達式會接受一或多個查詢或其他表達式做為輸入，並將資料新增至結果。每個個別表達式或查詢都由變數表示，該變數是稱為其 RefID 的具名識別符 （例如，預設字母 `A`或 `B`)。

若要參考個別表達式的輸出或另一個表達式中的資料來源查詢，此識別符會用作變數。

**表達式的類型**

運算式適用於兩種類型的資料。
+ 時間序列的集合。
+ 數字的集合，其中每個數字都是項目。

每個集合會從單一資料來源查詢或表達式傳回，並以 RefID 表示。每個集合都是一組，其中集合中的每個項目都是由儲存為[標籤](getting-started-grafanaui.md#labels)或鍵值對的維度唯一識別。

**資料來源查詢**

伺服器端表達式僅支援後端資料來源的資料來源查詢。通常假設資料標記為時間序列資料。

資料來源查詢與表達式搭配使用時，是由表達式引擎執行。這樣做時，它會將資料重組為一個時間序列或每個資料影格一個數字。例如，如果使用在資料表檢視中的一個影格上傳回多個序列的資料來源，您可能會注意到使用表達式執行時看起來不同。

目前，使用資料影格時支援的唯一非時間序列格式 （數字） 是您的資料表回應，會傳回沒有時間的資料影格、字串欄和一個數字欄：

下列範例資料表會產生一個可與表達式搭配使用的數字。字串資料欄會變成標籤，數字資料欄會變成對應的值。例如`{"Loc": "MIA", "Host": "A"}`，值為 1 的 。


| 本機 | 主機 | Avg\$1CPU | 
| --- | --- | --- | 
| MIA | A | 1 | 
| NYC | B | 2 | 

**操作**

您可以在表達式中使用下列操作：數學、減少和重新取樣。

**Math**

數學適用於時間序列或數字資料的自由格式數學公式。數學運算需要數字和時間序列做為輸入，並將其變更為不同的數字和時間序列。

來自其他查詢或表達式的資料會參考字首為美元符號的 RefID，例如 `$A`。如果變數的名稱中有空格，則可以使用如 的架構語法`${my variable}`。

數值常數可以是十進位 (`2.24`)、八進位 （前導零，如 `072`) 或十六進位 （前導 0x，如 `0x2A`)。也支援指數和符號 （例如 `-0.8e-2`)。

**運算子**

支援算術 (`+`、二進位和單元 `-`、`*`、`/``%`、、指數 `**`)、關聯式 (`<`、`>`、`==``!=`、`>=`、`<=`) 和邏輯 (`||`、 `&&`和單元 `!`) 運算子。

操作與資料的行為方式取決於它是數字還是時間序列資料。

使用二進位操作，例如 `$A + $B`或 `$A || $B`，會根據資料類型，以下列方式套用運算子：
+ 如果 `$A`和 `$B` 都是數字，則操作會在兩個數字之間執行。
+ 如果一個變數是數字，而另一個變數是時間序列，則會執行時間序列中每個點的值與數字之間的操作。
+ 如果 `$A`和 `$B` 都是時間序列資料，則會針對 `$A`和 中存在的每個時間戳記，執行兩個序列中每個值之間的操作`$B`。`Resample` 操作可用來排列時間戳記。

摘要：
+ 數字 <Operation> 數字 = 數字
+ 數字 <Operation> 系列 = 系列
+ 系列 <Operation> 系列 = 系列

由於表達式使用由單一變數表示的多個序列或數字，因此二進位操作也會在兩個變數之間執行聯集 （聯結）。這是根據與每個個別序列或數字相關聯的識別標籤來完成的。

因此，如果您的數字具有 `{host=web01}`中的標籤`$A`，而另一個數字`$B`具有相同的標籤，則 操作會在每個變數中的這兩個項目之間執行，結果會共用相同的標籤。此聯集的行為規則如下：
+ 沒有標籤的項目將加入任何項目。
+ 如果 `$A`和 `$B` 都只包含一個項目 （一個序列或一個數字），則它們會聯結。
+ 如果標籤完全相符，則會加入。
+ 如果標籤是另一個標籤的子集，例如， 中的項目`$A`會加上標籤，`{host=A,dc=MIA}`而 `$B` 中的項目會加上標籤，`{host=A}`他們會加入。
+ 如果在變數中，例如每個項目`$A`有不同的標籤索引鍵，則聯結行為是未定義的。

關聯式和邏輯運算子傳回 0 表示 false 1 表示 true。

**數學函數**

雖然大多數函數存在於自己的表達式操作中，但數學操作確實有一些類似於數學運算子或符號的函數。當函數可以採用數字或序列時，將會傳回與引數相同的類型。當它是序列時，針對序列中每個點的值執行的 操作。

*abs*

abs 會傳回其引數的絕對值，可以是數字或序列。例如 `abs(-1)` 或 `abs($A)`。

*is\$1inf*

is\$1inf 採用數字或序列，並傳回`Inf`值 `1` （負值或正值） `0` 和其他值。例如 `is_inf($A)`。

**注意**  
如果您需要特別檢查負無限，例如，您可以執行 等比較`$A == infn()`。

*is\$1nan*

is\$1nan 採用數字或序列，並傳回`1``NaN`值 和其他`0`值 。例如 `is_nan($A)`。此檢查需要此函數，因為 `NaN` 不等於 `NaN`。

*is\$1null*

is\$1null 採用數字或序列，並傳回`1``null`值 和其他值 `0` 。例如 `is_null($A)`。

*is\$1number*

is\$1number 採用數字或序列，並`1`傳回所有實數值`0`和其他值 （分別為 `null`、`Inf-`、 `Inf+`和 `NaN`)。例如 `is_number($A)`。

*日誌*

Log 會傳回其引數的自然對數，可以是數字或序列。如果值小於 0，`NaN`則會傳回 。例如 `log(-1)` 或 `log($A)`。

*inf、infn、nan 和 null*

inf、infn、nan 和 null 函數都會傳回名稱的單一值。它們主要用於測試。範例：`null()`。

*四捨五入*

Round 會傳回四捨五入整數值。例如 `round(3.123)` 或 `round($A)`。

*頭腦*

Ceil 會將數字四捨五入到最接近的整數值。例如，`ceil(3.123)` 傳回 `4`。

*樓層*

下限會將數字四捨五入到最接近的整數值。例如，`floor(3.123`) 會傳回 `3`。

**減少**

減少 需要一個或多個從查詢或表達式傳回的時間序列，並將每個序列轉換為單一數字。時間序列的標籤會保留為每個輸出的減少數字上的標籤。

*欄位：*
+ **函數** – 要使用的縮減函數
+ **輸入** – 要重新取樣的變數 (refID （例如 `A`))
+ **模式** – 當序列包含非數值 (null、NaN、\$1-Inf) 時，允許降低函數的控制行為

**減少函數**

*Count (計數)*

Count 會傳回每個系列中的點數。

*平均值*

平均值會傳回每個序列中所有值的總計，除以該序列中的點數。在 `strict`模式中，如果序列中的任何值為 null 或 nan，或者如果序列為空，則會傳回 NaN。

*最小值和最大值*

最小值和最大值分別傳回序列中的最小或最大值。在 `strict`模式中，如果序列中的任何值為 null 或 nan，或者如果序列為空，則會傳回 NaN。

*Sum (總和)*

總和會傳回序列中所有值的總計。如果序列長度為零，總和將為 0。在 `strict`模式中，如果系列中有任何 NaN 或 Null 值，則會傳回 NaN。

*最後一個*

上次傳回序列中的最後一個數字。如果序列沒有值，則傳回 NaN。

**減少模式**

*嚴格*

在嚴格模式下，輸入序列會照原樣處理。如果序列中的任何值是非數值 (null、NaN 或 \$1-Inf)，則會傳回 NaN。

*捨棄非數值*

在此模式中，輸入序列中的所有非數值 (null、NaN 或 \$1-Inf) 都會在執行縮減函數之前篩選掉。

*取代非數值*

在此模式中，所有非數值都會以預先定義的值取代。

**重新取樣**

重新取樣會將每個時間序列中的時間戳記變更為具有一致的時間間隔。主要使用案例是 ，因此您可以重新取樣不共用相同時間戳記的時間序列，以便在它們之間執行數學。這可以透過重新取樣兩個序列中的每個序列，然後在參考重新取樣變數的數學操作中完成。

*欄位：*
+ **輸入** – 要重新取樣的時間序列資料變數 (refID （例如 `A`))
+ **重新取樣**至 - 重新取樣的持續時間，例如 `10s`。單位可以是`s`秒、`m`分鐘、`h`小時、`d`天、`w`週和`y`年。
+ **Downsample** – 當每個視窗範例有多個資料點時要使用的減少函數。如需行為詳細資訊，請參閱減少操作。
+ **Upsample** – 用來填充沒有資料點之視窗範例的方法。
  + **鍵盤**會填入最後一個已知值
  + 回**填**下一個已知值
  + **fillna** 以 NaNs填滿空的範例時段

## 撰寫表達式
<a name="v10-panels-query-write"></a>

如果您的資料來源支援，則 Grafana 會顯示**表達式**按鈕，並在查詢編輯器清單中顯示任何現有的表達式。

**撰寫表達式**

1. 開啟面板。

1. 在查詢下方，選擇**表達式**。

1. 在**操作**欄位中，選取您要寫入的表達式類型。

1. 撰寫表達式。

1. 選擇**套用**。

## 特殊案例
<a name="v10-panels-query-special"></a>

當任何查詢的資料來源未傳回任何序列或數字時，表達式引擎會傳回 `NoData`。例如，如果請求包含兩個由 表達式合併的資料來源查詢，如果由至少一個資料來源查詢`NoData`傳回，則整個查詢傳回的結果為 `NoData`。如需 Grafana 警示如何處理`NoData`結果的詳細資訊，請參閱 [設定 Grafana 受管警示規則](v10-alerting-configure-grafanamanaged.md)。

在多個查詢上使用表達式的情況下，表達式引擎需要所有查詢都傳回相同的時間戳記。例如，如果使用數學來結合多個 SQL 查詢的結果，而每個查詢都使用 `SELECT NOW() AS "time"`，則表達式只有在所有查詢評估`NOW()`為相同的時間戳記時才有效，這不一定會發生。若要解決此問題，您可以將 `NOW()`取代為任意時間，例如 `SELECT 1 AS "time"`或任何其他有效的 UNIX 時間戳記。

# 與其他面板共用查詢結果
<a name="v10-panels-query-share"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Grafana 可讓您針對儀表板中的任何其他面板，使用某個面板的查詢結果。在面板之間共用查詢結果可減少對資料來源提出的查詢數量，這可以改善儀表板的效能。

*儀表板*資料來源可讓您在儀表板中選取面板，其中包含您要共用結果的查詢。Grafana 不會為每個面板傳送個別的查詢，而是傳送一個查詢，而其他面板會使用查詢結果來建構視覺化效果。

例如，當您有數個面板視覺化相同的資料時，此策略可以大幅減少要進行的查詢數量。

**共用查詢結果**

1. [建立儀表板](v10-dash-creating.md)。

1. 將標題變更為 `Source panel`。您將使用此面板作為其他面板的來源。

1. 定義您要共用的查詢。

   如果您沒有可用的資料來源，請使用 **Grafana** 資料來源，這會傳回您可以用於測試的隨機時間序列。

1. 新增第二個面板，然後在查詢編輯器中選取**儀表板**資料來源。

1. 在**從面板使用結果清單中**，選取您建立的第一個面板。

來源面板中定義的所有查詢現在可供新面板使用。在來源面板中進行的查詢可以與多個面板共用。

您可以按一下任何查詢，前往定義查詢的面板。

# 轉換資料
<a name="v10-panels-xform"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

在系統套用視覺化效果之前，轉換是操作查詢所傳回資料的強大方式。使用轉換，您可以：
+ 重新命名欄位
+ 聯結時間序列資料
+ 跨查詢執行數學操作
+ 使用一個轉換的輸出做為另一個轉換的輸入

對於依賴相同資料集的多個檢視的使用者，轉換提供了建立和維護許多儀表板的有效方法。

您也可以使用一個轉換的輸出做為另一個轉換的輸入，這會導致效能提升。

**注意**  
有時系統無法繪製轉換的資料圖形。發生這種情況時，請按一下視覺化上方的**資料表檢視**切換，以切換至資料的資料表檢視。這可協助您了解轉換的最終結果。

## 轉換類型
<a name="v10-panels-xform-types"></a>

Grafana 提供多種轉換資料的方式。以下是轉換函數的完整清單。

## 轉換順序
<a name="v10-panels-xform-order"></a>

有多個轉換時，Grafana 會依列出的順序套用轉換。每個轉換都會建立結果集，然後傳遞至處理管道中的下一個轉換。

Grafana 套用轉換的順序會直接影響結果。例如，如果您使用減少轉換將一欄的所有結果精簡為單一值，則您只能將轉換套用至該單一值。

## 將轉換函數新增至資料
<a name="v10-panels-xform-add"></a>

下列步驟會引導您將轉換新增至資料。本文件不包含每種轉換類型的步驟。

**將轉換新增至面板**

1. 導覽至您要新增一或多個轉換的面板。

1. 將滑鼠游標移至面板的任何部分，即可在右上角顯示動作選單。

1. 從動作功能表中選擇**編輯**。

1. 選取**轉換**索引標籤。

1. 選取轉換。隨即出現轉換列，供您設定轉換選項。

1. 若要套用另一個轉換，請選擇**新增轉換**。此轉換作用於先前轉換傳回的結果集。

## 偵錯轉換
<a name="v10-panels-xform-debug"></a>

若要查看轉換的輸入和輸出結果集，請選擇轉換列右側的偵錯 （偵錯） 圖示。這會顯示輸入資料，以及轉換的結果做為輸出。

輸入和輸出結果集可協助您偵錯轉換。

## 停用轉換
<a name="v10-panels-xform-disable"></a>

您可以選擇轉換列右上角的顯示 （眼睛） 圖示來停用或隱藏轉換。這會停用該特定轉換的套用動作，並有助於在您逐一變更多個轉換時識別問題。

## 篩選轉換
<a name="v10-panels-xform-filter"></a>

如果您的轉換使用多個查詢，您可以篩選這些查詢，並將選取的轉換套用至其中一個查詢。若要這樣做，請選擇轉換列右上角的篩選條件圖示。這會開啟下拉式清單，其中包含面板上使用的查詢清單。從這裡，您可以選取要轉換的查詢。

您也可以依註釋 （包括範例） 篩選，將轉換套用至它們。當您這樣做時，欄位清單會變更，以反映註釋或範例工具提示中的欄位清單。

如果您的面板具有多個查詢或資料來源 （即面板或註釋資料），則一律會顯示篩選條件圖示，但如果套用先前合併查詢輸出的轉換，則可能無法運作。這是因為一個轉換接受上一個轉換的輸出。

## 刪除轉換
<a name="v10-panels-xform-delete"></a>

我們建議您移除不需要的轉換。當您刪除轉換時，會從視覺化中移除資料。

事前準備：

識別依賴轉換的所有儀表板，並通知受影響的儀表板使用者。

**刪除轉換**

1. 開啟面板進行編輯。

1. 選取**轉換**索引標籤。

1. 選擇您要刪除之轉換旁的垃圾桶圖示。

# 轉換函數
<a name="v10-panels-xform-functions"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

您可以對資料執行下列轉換。

## 從計算新增欄位
<a name="v10-panels-xform-funcs-add"></a>

使用此轉換來新增從其他兩個欄位計算的新欄位。每次轉換都可讓您新增一個新欄位。
+ **模式** - 選取模式：
  + **減少資料列 – **個別將選取的計算套用至所選欄位的每一列。
  + **二進位操作** – 對來自兩個所選欄位的單一資料列中的值套用基本二進位操作 （例如總和或乘以）。
  + **Unary 操作** – 對所選欄位中單一資料列中的值套用基本的 Unary 操作。可用的操作包括：
    + **絕對值 (abs)** – 傳回指定表達式的絕對值。它代表從零到正數的距離。
    + **自然指數 (exp)** – 傳回提高到指定表達式能力的 *e*。
    + **自然對數 (ln)** – 傳回指定表達式的自然對數。
    + **下限 （下限）** – 傳回小於或等於指定表達式的最大整數。
    + **上限 (ceil)** – 傳回大於或等於指定表達式的最小整數。
  + **累積函數** – 在目前資料列和所有先前資料列上套用函數。
    + **總計** – 計算累計總計，最多可達並包含目前資料列。
    + **平均值** – 計算平均值，直到並包括目前的資料列。
  + **視窗函數** – 套用視窗函數。視窗可以是*結尾*或*置中*。使用結尾視窗時，目前資料列將是視窗中的最後一列。使用置中視窗時，視窗將置中在目前資料列上。對於均勻的視窗大小，視窗將置中在目前資料列和上一列之間。
    + **平均值** – 計算移動平均值或執行平均值。
    + **** – 計算移動的標準差。
    + **變異數** – 計算移動變異數。
  + **資料列索引** – 使用資料列索引插入欄位。
+ **欄位名稱** – 選取您要在新欄位的計算中使用的欄位名稱。
+ **計算**：如果您選取**減少資料列**模式，則**計算**欄位會顯示。選取 欄位以查看可用來建立新欄位的計算選項清單。如需可用計算的資訊，請參閱[計算類型](v10-panels-calculation-types.md)。
+ **操作** – 如果您選取**二進位操作**或 **Unary 操作**模式，則會顯示**操作**欄位。這些欄位可讓您對來自兩個所選欄位的單一資料列中的值執行基本數學操作。您也可以使用二進位操作的數值。
+ **做為百分位數**：如果您選取**資料列索引**模式，則會顯示**做為百分位數**切換。此切換可讓您將資料列索引轉換為資料列總數的百分比。
+ **別名** – （選用） 輸入新欄位的名稱。如果您將此保留空白，則 欄位將命名為符合計算。
+ **取代所有欄位** – （選用） 如果您想要隱藏所有其他欄位，並僅在視覺化中顯示計算欄位，請選取此選項。

**注意**  
**累積函數**和**視窗函數**在公開預覽中是最新的。Grafana Labs 提供有限的支援，而且在功能全面推出之前可能會發生重大變更。

## 串連欄位
<a name="v10-panels-xform-funcs-concat"></a>

**串連欄位**

使用此轉換可將所有影格的所有欄位合併為一個結果。

例如，如果您有個別的查詢擷取溫度和運作時間資料 （查詢 A) 以及空氣品質索引和錯誤資訊 （查詢 b)，套用串連轉換會在單一檢視中產生包含所有相關資訊的合併資料框架。

請考慮以下兩個項目。

*查詢 A：*


| 暫存 | 執行時間 | 
| --- | --- | 
| 15.4 | 1230233 | 

*查詢 B：*


| AQI | 錯誤 | 
| --- | --- | 
| 3.2 | 5 | 

串連欄位之後，資料框架會是：


| 暫存 | 執行時間 | AQI | 錯誤 | 
| --- | --- | --- | --- | 
| 15.4 | 1230233 | 3.2 | 5 | 

此轉換可簡化合併不同來源資料的程序，提供分析和視覺化的完整檢視。

## 查詢結果中的組態
<a name="v10-panels-xform-funcs-config"></a>

**查詢結果中的組態**

使用此轉換來選取一個查詢，並擷取標準選項，例如**最小值**、**最大值**、**單位**和**閾值**，並將其套用至其他查詢結果。這會根據特定查詢傳回的資料，啟用動態視覺化組態。

**選項**
+ **組態查詢** – 選取查詢，以傳回您要用作組態的資料。
+ **套用到** – 選取組態應套用到的欄位或序列。
+ **套用至選項** – 指定欄位類型或使用欄位名稱 regex，視您在**套用至**中的選擇而定。

**欄位映射表**

您可以在組態選項下方找到欄位映射表。此資料表列出組態查詢傳回的資料中找到的所有欄位，以及**「使用為**」和**「選取**」選項。它提供對映射欄位以設定屬性的控制，而且對於多列，它可讓您選擇要選取的值。

下列範例顯示輸入查詢和用作欄位組態的查詢。

*輸入查詢*


| 時間 | Value | 
| --- | --- | 
| 1626178119127 | 10 | 
| 1626178119129 | 30 | 

*組態查詢*


| 時間 | Value | 
| --- | --- | 
| 1626178119127 | 100 | 
| 1626178119129 | 100 | 

*輸出查詢 （與輸入相同，但現在在值欄位中具有組態）*


| 時間 | 值 （組態：Max=100) | 
| --- | --- | 
| 1626178119127 | 10 | 
| 1626178119129 | 30 | 

每個欄位現在都有最大組態選項集。**最小值**、**最大值**、**單位**和**閾值**等選項是 teh 欄位組態的一部分。如果設定，視覺效果會使用它們，而不是在面板編輯器選項窗格中手動設定的任何選項。

**值映射**

您也可以將查詢結果轉換為值映射。使用此選項時，組態查詢結果中的每一列都會定義單一值映射資料列。請參閱以下範例。

*組態查詢結果*


| Value | 文字 | 顏色 | 
| --- | --- | --- | 
| L | 低 | 藍色 | 
| M | 中 | 綠色 | 
| H | 高 | 紅色 | 

*在欄位映射中，指定：*


| 欄位 | 使用 做為 | Select | 
| --- | --- | --- | 
| Value | 值映射/值 | 所有值 | 
| 文字 | 值映射/文字 | 所有值 | 
| 顏色 | 值映射/顏色 | 所有值 | 

Grafana 會從查詢結果建置值映射，並將其套用至實際的資料查詢結果。您應該會看到根據組態查詢結果映射和著色的值。

## 轉換欄位類型
<a name="v10-panels-xform-funcs-convert"></a>

使用此轉換來修改指定欄位的欄位類型。

此轉換有下列選項：
+ **欄位** – 從可用欄位中選取 。
+ **as** – 選取要轉換至的 FieldType。
  + **數值** – 嘗試將值設為數字。
  + **字串** – 會建立值字串。
  + **時間** – 嘗試將值剖析為時間。
    + 會顯示一個選項，以指定 DateFormat 做為字串的輸入，例如 `yyyy-mm-dd`或 `DD MM YYYY hh:mm:ss`。
  + **布林值** – 會將值設為布林值。
  + **Enum** – 將使值成為列舉。
    + 將顯示用於管理列舉的資料表。
  + **其他** – 嘗試將值剖析為 json。

例如，請考慮下列查詢，這些查詢可以透過選取時間欄位、**時間**，以及日期格式為 來修改`YYYY`。


| 時間 | 標記 | Value | 
| --- | --- | --- | 
| 2017-07-01 | 上方 | 25 | 
| 2018-08-02 | 下方 | 22 | 
| 2019-09-02 | 下方 | 29 | 
| 2020-10-04 | 上方 | 22 | 

結果：


| 時間 | 標記 | Value | 
| --- | --- | --- | 
| 2017-01-01 00：00：00 | 上方 | 25 | 
| 2018-01-01 00：00：00 | 下方 | 22 | 
| 2019-01-01 00：00：00 | 下方 | 29 | 
| 2020-01-01 00：00：00 | 上方 | 22 | 

此轉換可讓您彈性調整資料類型，確保視覺化中的相容性和一致性。

## 擷取欄位
<a name="v10-panels-xform-funcs-extract"></a>

使用此轉換來選取資料來源，並以不同的格式從中擷取內容。此轉換具有下列欄位：
+ **來源** – 選取資料來源的欄位。
+ **格式** – 選擇下列其中一項：
  + **JSON** – 從來源剖析 JSON 內容。
  + **Key\$1value 對** – 以 格式`a=b`或從`c:d`來源剖析內容。
  + **自動** – 自動探索欄位。
+ **取代所有欄位 – **（選用） 選取此選項可隱藏所有其他欄位，並在視覺效果中僅顯示計算欄位。
+ **保留時間** - （選用） 僅在**取代所有欄位**為 true 時才可用。將時間欄位保留在輸出中。

請考慮下列資料集：

**資料集範例**


| 時間戳記 | json\$1data | 
| --- | --- | 
| 1636678740000000000 | \$1"value"： 1\$1 | 
| 1636678680000000000 | \$1"value"： 5\$1 | 
| 1636678620000000000 | \$1"value"： 12\$1 | 

您可以使用此組態準備要由[時間序列面板](v10-panels-time-series.md)使用的資料：
+ 來源：json\$1data
+ 格式：JSON
  + 欄位：值
  + 別名：my\$1value
+ 取代所有欄位： true
+ 保留時間： true

這會產生下列輸出：

**轉換的資料**


| 時間戳記 | my\$1value | 
| --- | --- | 
| 1636678740000000000 | 1 | 
| 1636678680000000000 | 5 | 
| 1636678620000000000 | 12 | 

透過此轉換，您可以透過各種方式擷取和格式化資料。您可以根據您的特定資料需求自訂擷取格式。

## 從資源查詢欄位
<a name="v10-panels-xform-funcs-lookup"></a>

透過從外部來源查詢其他欄位，使用此轉換來豐富欄位值。

此轉換具有下列欄位：
+ **欄位** – 從資料集中選取文字欄位。
+ **查詢** – 從**國家**/地區、**美國州**和**機場**中選擇。

**注意**  
此轉換僅支援空間資料。

例如，如果您有此資料：

**資料集範例**


| Location | 值 | 
| --- | --- | 
| AL | 0 | 
| AK | 10 | 
| 亞利桑那州 | 5 | 
| 阿肯色 | 1 | 
| 某處 | 5 | 

使用此組態：
+ 欄位：位置
+ 查詢：美國州

您會收到下列輸出：

**轉換的資料**


| Location | ID | 名稱 | Lng | 延遲 | 值 | 
| --- | --- | --- | --- | --- | --- | 
| AL | AL | Alabama | -80.891064 | 12.448457 | 0 | 
| AK | AK | 阿肯色 | -100.891064 | 24.448457 | 10 | 
| 亞利桑那州 |  |  |  |  | 5 | 
| 阿肯色 |  |  |  |  | 1 | 
| 某處 |  |  |  |  | 5 | 

此轉換可讓您透過從外部來源擷取其他資訊來增強資料，提供更全面的資料集進行分析和視覺化。

## 依查詢 refId 篩選資料
<a name="v10-panels-xform-funcs-queryrefid"></a>

使用此轉換可在具有多個查詢的面板中隱藏一或多個查詢。

Grafana 會以深灰色文字顯示查詢識別字母。選擇查詢識別符以切換篩選。如果查詢字母為白色，則會顯示結果。如果查詢字母為深色，則會隱藏結果。

**注意**  
此轉換不適用於 Graphite，因為此資料來源不支援將傳回的資料與查詢關聯。

## 依值篩選資料
<a name="v10-panels-xform-funcs-values"></a>

使用此轉換可直接在視覺化中選擇性地篩選資料點。此轉換提供選項，可根據套用至所選欄位的一或多個條件來包含或排除資料。

如果您的資料來源不原生依值篩選，則此轉換非常有用。如果您使用共用查詢，也可以使用此值來縮小顯示範圍。

所有欄位的可用條件如下：
+ **Regex** – 符合 regex 表達式。
+ **為 Null** – 如果值為 Null，則相符。
+ **Is Not Null** – 如果值不是 Null，則相符。
+ **等於** – 如果值等於指定的值，則相符。
+ **不同** – 如果值與指定的值不同，則相符。

數字欄位的其他可用條件為：
+ **較大** – 如果值大於指定的值，則相符。
+ **較低** – 如果值低於指定的值，則相符。
+ **大於或等於** – 如果值大於或等於，則相符。
+ **較低或相等** – 如果值較低或相等，則相符。
+ **範圍** – 符合包含的指定最小值和最大值、最小值和最大值之間的範圍。

請考慮下列資料集：


| 時間 | 溫度 | 高度 | 
| --- | --- | --- | 
| 2020-07-07 11：34：23 | 32 | 101 | 
| 2020-07-07 11：34：22 | 28 | 125 | 
| 2020-07-07 11：34：21 | 26 | 110 | 
| 2020-07-07 11：34：20 | 23 | 98 | 
| 2020-07-07 10：32：24 | 31 | 95 | 
| 2020-07-07 10：31：22 | 20 | 85 | 
| 2020-07-07 09：30：57 | 19 | 101 | 

如果您**包含**溫度低於 30°C 的資料點，則組態會如下所示：
+ 篩選條件類型：'Include'
+ 條件：'Temperature' 符合 'Lower Than' '30' 的資料列

您會收到以下結果，其中只會包含低於 30°C 的溫度：

**轉換的資料**


| 時間 | 溫度 | 高度 | 
| --- | --- | --- | 
| 2020-07-07 11：34：22 | 28 | 125 | 
| 2020-07-07 11：34：21 | 26 | 110 | 
| 2020-07-07 11：34：20 | 23 | 98 | 
| 2020-07-07 10：31：22 | 20 | 85 | 
| 2020-07-07 09：30：57 | 19 | 101 | 

您可以將多個條件新增至篩選條件。例如，您可能只想在海拔高度大於 100 時包含資料。若要這麼做，請將該條件新增至下列組態：
+ 篩選條件類型：'Include' rows that 'Match All' conditions
+ 條件 1：'Temperature' 符合 'Lower' 而非 '30' 的資料列
+ 條件 2：「Altitude」符合「Greater」超過「100」的資料列

當您有多個條件時，您可以選擇是否要將動作 （包含/排除） 套用至**符合所有**條件或**符合任何**您新增條件的資料列。

在上述範例中，我們選擇**全部相符**，因為我們想要包含溫度低於 30°C *且*高度高於 100 的資料列。如果我們希望包含溫度低於 30°C *或*高度高於 100 的資料列，則我們會選取**符合任何**資料列。這將包含原始資料中的第一列，其溫度為 32°C （不符合第一個條件），但高度為 101 （符合第二個條件），因此包含在內。

系統會忽略無效或設定不完整的條件。

這種多樣化的資料篩選轉換可讓您根據特定條件選擇性地包含或排除資料點。自訂條件來量身打造資料簡報，以滿足您獨特的分析需求。

## 依名稱篩選欄位
<a name="v10-panels-xform-funcs-name"></a>

使用此轉換移除部分查詢結果。篩選欄位名稱的方法有三種：
+ 輸入規則表達式。
+ 手動選取包含的欄位。
+ 使用儀表板變數。

*使用規則表達式*

當您使用規則運算式進行篩選時，會包含符合規則運算式的欄位名稱。例如，使用規則表達式只會`'prod.*'`傳回開頭為 的欄位 `prod`

規則表達式可以使用 `${variableName}` 語法包含插入的儀表板變數。

*手動選取包含的欄位*

選取或取消選取欄位名稱，以從結果中移除它們。如果也包含規則表達式，則會包含由表達式比對的欄位，即使未勾選也一樣。

*使用儀表板變數*

選取**從變數**，以讓您選取用來包含欄位的儀表板變數。透過設定具有多個選項的儀表板變數，可以在多個視覺效果中顯示相同的欄位。

此轉換可讓您靈活地量身打造查詢結果，以專注於有效分析和視覺化所需的特定欄位。

## 格式字串
<a name="v10-panels-xform-funcs-string"></a>

使用此轉換來自訂字串欄位的輸出。此轉換具有下列欄位：
+ **大寫** – 以大寫字元格式化整個字串。
+ **小寫** – 以小寫字元格式化整個字串。
+ **句子案例** – 將字串的第一個字元格式化為大寫。
+ **標題大小**寫 – 將字串中每個字詞的第一個字元格式化為大寫。
+ **Pascal 大小**寫 – 將字串中每個字詞的第一個字元格式化為大寫，且字詞之間不包含空格。
+ **駝色大小寫** – 將字串中每個單字的第一個字元格式化為大寫，第一個單字除外，且單字之間不包含空格。
+ **蛇案例** – 以小寫格式格式化字串中的所有字元，並使用底線，而不是單字之間的空格。
+ **Kebab 大小寫** – 以小寫格式格式化字串中的所有字元，並在單字之間使用破折號而非空格。
+ **Trim** – 從字串中移除所有開頭和結尾空格。
+ **子字串** – 使用指定的開始和結束位置傳回字串的子字串。

此轉換提供便捷的方式來標準化和自訂字串資料的呈現，以改善視覺化和分析。

**注意**  
此轉換目前為公開預覽。Grafana Labs 提供的支援有限，而且中斷變更可能會在功能全面推出之前發生。

## 格式時間
<a name="v10-panels-xform-funcs-time"></a>

使用此轉換來自訂時間欄位的輸出。您可以使用 [Moment.js 格式字串](https://momentjs.com/docs/#/displaying/)來格式化輸出。例如，如果您只想顯示時間欄位的年份，格式字串 'YYYY' 可用於顯示日曆年 （例如 1999 或 2012)。

**轉換之前：**


| 時間戳記 | 事件 | 
| --- | --- | 
| 1636678740000000000 | 系統啟動 | 
| 1636678680000000000 | 使用者登入 | 
| 1636678620000000000 | 資料已更新 | 

**套用 'YYYY-MM-DD HH：mm：ss' 之後：**


| 時間戳記 | 事件 | 
| --- | --- | 
| 2021-11-12 14：25：40 | 系統啟動 | 
| 2021-11-12 14：24：40 | 使用者登入 | 
| 2021-11-12 14：23：40 | 資料已更新 | 

此轉換可讓您量身打造視覺效果中的時間呈現，在顯示時間資料時提供彈性和精確度。

**注意**  
此轉換適用於使用 Grafana v10 做為 Alpha 功能的 工作空間。

## 分組依據
<a name="v10-panels-xform-funcs-group"></a>

此轉換會依指定的欄位 （資料欄） 值將資料分組，並處理每個群組的計算。選取以查看計算選項的清單。

以下是原始資料的範例。


| 時間 | 伺服器 ID | CPU 溫度 | 伺服器狀態 | 
| --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 伺服器 1 | 80 | Shutdown | 
| 7/7/2020 上午 11：34：20 | 伺服器 3 | 62 | OK | 
| 7/7/2020 上午 10：32：20 | 伺服器 2 | 90 | 過載 | 
| 7/7/2020 上午 10：31：22 | 伺服器 3 | 55 | OK | 
| 7/7/2020 上午 9：30：57 | 伺服器 3 | 62 | Rebooting (重新開機中) | 
| 7/7/2020 上午 9：30：05 | 伺服器 2 | 88 | OK | 
| 7/7/2020 上午 9：28：06 | 伺服器 1 | 80 | OK | 
| 7/7/2020 上午 9：25：05 | 伺服器 2 | 88 | OK | 
| 7/7/2020 上午 9：23：07 | 伺服器 1 | 86 | OK | 

此轉換分為兩個步驟。首先，指定一或多個欄位來分組資料。這會將這些欄位的所有相同值分組在一起，就像您排序它們一樣。例如，如果我們依伺服器 ID 欄位分組，則會以下列方式將資料分組：


| 時間 | 伺服器 ID | CPU 溫度 | 伺服器狀態 | 
| --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 伺服器 1 | 80 | Shutdown | 
| 7/7/2020 上午 9：28：06 | 伺服器 1 | 80 | OK | 
| 7/7/2020 上午 9：23：07 | 伺服器 1 | 86 | OK | 
| 7/7/2020 上午 10：32：20 | 伺服器 2 | 90 | 過載 | 
| 7/7/2020 上午 9：30：05 | 伺服器 2 | 88 | OK | 
| 7/7/2020 上午 9：25：05 | 伺服器 2 | 88 | OK | 
| 7/7/2020 上午 11：34：20 | 伺服器 3 | 62 | OK | 
| 7/7/2020 上午 10：31：22 | 伺服器 3 | 55 | OK | 
| 7/7/2020 上午 9：30：57 | 伺服器 3 | 62 | Rebooting (重新開機中) | 

具有相同伺服器 ID 值的所有資料列都會分組在一起。

在選擇要將資料分組的欄位之後，您可以在其他欄位上新增各種計算，並將計算套用至每個資料列群組。例如，我們可以計算每個伺服器的平均 CPU 溫度。因此，我們可以新增套用至 CPU 溫度欄位*的平均*計算，以取得下列項目：


| 伺服器 ID | CPU 溫度 （平均值） | 
| --- | --- | 
| 伺服器 1 | 82 | 
| 伺服器 2 | 88.6 | 
| 伺服器 3 | 59.6 | 

而且我們可以新增多個計算。例如：
+ 對於欄位時間，我們可以計算*最後一個*值，以了解何時收到每個伺服器的最後一個資料點
+ 對於欄位伺服器狀態，我們可以計算*最後一個*值，以了解每個伺服器的最後一個狀態值
+ 對於欄位溫度，我們也可以計算*最後一個*值，以了解每個伺服器的最新監控溫度

然後，我們會取得：


| 伺服器 ID | CPU 溫度 （平均值） | CPU 溫度 （最後一個） | 時間 （上次） | 伺服器狀態 （最後一個） | 
| --- | --- | --- | --- | --- | 
| 伺服器 1 | 82 | 80 | 7/7/2020 上午 11：34：20 | Shutdown | 
| 伺服器 2 | 88.6 | 90 | 7/7/2020 上午 10：32：20 | 過載 | 
| 伺服器 3 | 59.6 | 62 | 7/7/2020 上午 11：34：20 | OK | 

此轉換可讓您從時間序列中擷取金鑰資訊，並以方便的方式顯示。

## 分組到矩陣
<a name="v10-panels-xform-funcs-groupmatrix"></a>

使用此轉換結合三個欄位，做為查詢輸出中資料**欄**、**資料列**和**儲存格值**欄位的輸入，並產生矩陣。矩陣的計算方式如下：

**原始資料**


| 伺服器 ID | CPU 溫度 | 伺服器狀態 | 
| --- | --- | --- | 
| 伺服器 1 | 82 | OK | 
| 伺服器 2 | 88.6 | OK | 
| 伺服器 3 | 59.6 | Shutdown | 

我們可以使用 的值`Server Status`做為資料欄名稱、`Server ID`值做為資料列名稱，以及 `CPU Temperature`做為每個儲存格的內容來產生矩陣。每個儲存格的內容將針對現有資料欄 (`Server Status`) 和資料列組合 () 顯示`Server ID`。對於其餘儲存格，您可以選擇要在其中顯示的值：**Null**、**True**、**False** 或**空白**。

**輸出**


| 伺服器 IDServer 狀態 | OK | Shutdown | 
| --- | --- | --- | 
| 伺服器 1 | 82 |  | 
| 伺服器 2 | 88.6 |  | 
| 伺服器 3 |  | 59.6 | 

透過從查詢結果中指定欄位，使用此轉換來建構矩陣。矩陣輸出會反映這些欄位中唯一值之間的關係。這可協助您以清晰且結構化的矩陣格式呈現複雜的關係。

## 群組到巢狀資料表
<a name="v10-panels-xform-funcs-grouptable"></a>

使用此轉換，依指定的欄位 （資料欄） 值將資料分組，並在每個群組上處理計算。會產生共用相同分組欄位值的記錄，以顯示在巢狀資料表中。

若要計算欄位的統計資料，請選取欄位旁的方塊，然後選擇**計算**選項。這會新增另一個選取方塊，其中包含要選取的統計資料。

下表顯示範例資料。


| 時間 | 伺服器 ID | CPU 溫度 | 伺服器狀態 | 
| --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 伺服器 1 | 80 | Shutdown | 
| 7/7/2020 上午 11：34：20 | 伺服器 3 | 62 | OK | 
| 7/7/2020 上午 10：32：20 | 伺服器 2 | 90 | 過載 | 
| 7/7/2020 上午 10：31：22 | 伺服器 3 | 55 | OK | 
| 7/7/2020 上午 9：30：57 | 伺服器 3 | 62 | Rebooting (重新開機中) | 
| 7/7/2020 上午 9：30：05 | 伺服器 2 | 88 | OK | 
| 7/7/2020 上午 9：28：06 | 伺服器 1 | 80 | OK | 
| 7/7/2020 上午 9：25：05 | 伺服器 2 | 88 | OK | 
| 7/7/2020 上午 9：23：07 | 伺服器 1 | 86 | OK | 

此轉換有兩個步驟。首先，指定要分組資料的一個或多個欄位。這會將這些欄位的所有相同值分組在一起，就像您將它們排序一樣。例如，如果您依`Server ID`欄位分組，Grafana 會以下列方式將資料分組：


| 伺服器 ID | 資料 | 
| --- | --- | 
| 時間 | CPU 溫度 | 伺服器狀態 | 
| --- | --- | --- | 
| 時間 | CPU 溫度 | 伺服器狀態 | 
| --- | --- | --- | 
| 時間 | CPU 溫度 | 伺服器狀態 | 
| --- | --- | --- | 
| 伺服器 1 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 伺服器 2 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 伺服器 3 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 7/7/2020 上午 11：34：20 | 80 | Shutdown | 
| 7/7/2020 上午 9：28：06 | 80 | OK | 
| 7/7/2020 上午 9：23：07 | 86 | OK | 
| 7/7/2020 上午 10：32：20 | 90 | 過載 | 
| 7/7/2020 上午 9：30：05 | 88 | OK | 
| 7/7/2020 上午 9：25：05 | 88 | OK | 
| 7/7/2020 上午 11：34：20 | 62 | OK | 
| 7/7/2020 上午 10：31：22 | 55 | OK | 
| 7/7/2020 上午 9：30：57 | 62 | Rebooting (重新開機中) | 

選擇您要將資料分組的欄位之後，您可以在其他欄位上新增各種計算，並將計算套用至每個資料列群組。例如，您可能想要計算每個伺服器的平均 CPU 溫度。若要這樣做，請新增套用至 CPU 溫度欄位的平均計算，以取得下列結果：


| 伺服器 ID | CPU Temperatute （平均值） |  | 
| --- | --- | --- | 
| 時間 | 伺服器狀態 | 
| --- | --- | 
| 時間 | 伺服器狀態 | 
| --- | --- | 
| 時間 | 伺服器狀態 | 
| --- | --- | 
| 伺服器 1 | 82 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 伺服器 2 | 88.6 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 伺服器 3 | 59.6 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 7/7/2020 上午 11：34：20 | Shutdown | 
| 7/7/2020 上午 9：28：06 | OK | 
| 7/7/2020 上午 9：23：07 | OK | 
| 7/7/2020 上午 10：32：20 | 過載 | 
| 7/7/2020 上午 9：30：05 | OK | 
| 7/7/2020 上午 9：25：05 | OK | 
| 7/7/2020 上午 11：34：20 | OK | 
| 7/7/2020 上午 10：31：22 | OK | 
| 7/7/2020 上午 9：30：57 | Rebooting (重新開機中) | 

## 建立熱度圖
<a name="v10-panels-xform-funcs-heatmap"></a>

使用此轉換來準備長條圖資料，以視覺化隨時間變化的趨勢。與熱度圖視覺化類似，此轉換會將長條圖指標轉換為時間儲存貯體。

**X 儲存貯體**

此設定決定 x 軸如何分割為儲存貯體。
+ **大小** – 在輸入欄位中指定時間間隔。例如， 的時間範圍會在 x 軸上`1h`建立一小時寬的儲存格。
+ **計數** – 對於non-time-related序列，請使用此選項來定義儲存貯體中的元素數目。

**Y 儲存貯體**

此設定決定 y 軸如何分割為儲存貯體。
+ **Linear (線性)**
+ **對數 –** 選擇日誌基底 2 或日誌基底 10。
+ **Symlog** – 使用對稱對數縮放。選擇日誌基底 2 或日誌基底 10，允許負值。

假設您有下列資料集：


| 時間戳記 | Value | 
| --- | --- | 
| 2023-01-01 12：00：00 | 5 | 
| 2023-01-01 12：15：00 | 10 | 
| 2023-01-01 12：30：00 | 15 | 
| 2023-01-01 12：45：00 | 8 | 
+ 將 X 儲存貯體設為 `Size: 15m`，並將 Y 儲存貯體設為 時`Linear`，長條圖會在 x 軸上將值整理為 15 分鐘的時間間隔，並在 y 軸上線性排列。
+ 對於 X 儲存貯體為 `Count: 2`，Y 儲存貯體為 `Logarithmic (base 10)`，長條圖會將值分組為 x 軸上的兩個儲存貯體，並在 y 軸上使用對數縮放。

## 直方圖
<a name="v10-panels-xform-funcs-histogram"></a>

使用此轉換可根據輸入資料產生長條圖，讓您可以視覺化值的分佈。
+ **儲存貯體大小** – 儲存貯體中最低和最高項目 (xMin 到 xMax) 之間的範圍。
+ **儲存貯體位**移 – non-zero-based儲存貯體的位移。
+ **合併序列** – 使用所有可用的序列建立統一長條圖。

**原始資料**

系列 1：


| A | B | C | 
| --- | --- | --- | 
| 1 | 3 | 5 | 
| 2 | 4 | 6 | 
| 3 | 5 | 7 | 
| 4 | 6 | 8 | 
| 5 | 7 | 9 | 

系列 2：


| C | 
| --- | 
| 5 | 
| 6 | 
| 7 | 
| 8 | 
| 9 | 

**輸出**


| xMin | xMax | A | B | C | C | 
| --- | --- | --- | --- | --- | --- | 
| 1 | 2 | 1 | 0 | 0 | 0 | 
| 2 | 3 | 1 | 0 | 0 | 0 | 
| 3 | 4 | 1 | 1 | 0 | 0 | 
| 4 | 5 | 1 | 1 | 0 | 0 | 
| 5 | 6 | 1 | 1 | 1 | 1 | 
| 6 | 7 | 0 | 1 | 1 | 1 | 
| 7 | 8 | 0 | 1 | 1 | 1 | 
| 8 | 9 | 0 | 0 | 1 | 1 | 
| 9 | 10 | 0 | 0 | 1 | 1 | 

使用產生的長條圖視覺化值的分佈，提供對資料分散和密度的洞察。

## 依欄位聯結
<a name="v10-panels-xform-funcs-joinfield"></a>

使用此轉換將多個結果合併為單一資料表，以便整合來自不同查詢的資料。

特別適用於將多個時間序列結果轉換為具有共用時間欄位的單一寬資料表。

**內部聯結**

內部聯結會合併來自多個資料表的資料，其中所有資料表都會從選取的欄位中共用相同的值。這種類型的聯結會排除值不符合每個結果的資料。

使用此轉換將多個查詢的結果 （在傳遞的聯結欄位或第一個資料欄上合併） 合併為一個結果，並捨棄無法成功聯結的資料列。

在下列範例中，兩個查詢會傳回資料表資料。在套用內部聯結轉換之前，它會視覺化為兩個不同的資料表。

查詢 A：


| 時間 | 任務 | 執行時間 | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 節點 | 25260122 | 
| 7/7/2020 上午 11：24：20 | postgre | 123001233 | 
| 7/7/2020 上午 11：14：20 | postgre | 345001233 | 

查詢 B：


| 時間 | Server | 錯誤 | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 伺服器 1 | 15 | 
| 7/7/2020 上午 11：24：20 | 伺服器 2 | 5 | 
| 7/7/2020 上午 11：04：20 | 伺服器 3 | 10 | 

套用內部聯結轉換後的結果如下所示：


| 時間 | 任務 | 執行時間 | Server | 錯誤 | 
| --- | --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 節點 | 25260122 | 伺服器 1 | 15 | 
| 7/7/2020 上午 11：24：20 | postgre | 123001233 | 伺服器 2 | 5 | 

*外部聯結*

外部聯結包含來自內部聯結的所有資料，以及值在每個輸入中不相符的資料列。當內部聯結在時間欄位上聯結查詢 A 和查詢 B 時，外部聯結會包含時間欄位上不相符的所有列。

在下列範例中，兩個查詢會傳回資料表資料。在套用外部聯結轉換之前，它會視覺化為兩個資料表。

查詢 A：


| 時間 | 任務 | 執行時間 | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 節點 | 25260122 | 
| 7/7/2020 上午 11：24：20 | postgre | 123001233 | 
| 7/7/2020 上午 11：14：20 | postgre | 345001233 | 

查詢 B：


| 時間 | Server | 錯誤 | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 伺服器 1 | 15 | 
| 7/7/2020 上午 11：24：20 | 伺服器 2 | 5 | 
| 7/7/2020 上午 11：04：20 | 伺服器 3 | 10 | 

套用外部聯結轉換後的結果如下所示：


| 時間 | 任務 | 執行時間 | Server | 錯誤 | 
| --- | --- | --- | --- | --- | 
| 7/7/2020 上午 11：04：20 |  |  | 伺服器 3 | 10 | 
| 7/7/2020 上午 11：14：20 | postgre | 345001233 |  |  | 
| 7/7/2020 上午 11：34：20 | 節點 | 25260122 | 伺服器 1 | 15 | 
| 7/7/2020 上午 11：24：20 | postgre | 123001233 | 伺服器 2 | 5 | 

## 依標籤聯結
<a name="v10-panels-xform-funcs-joinlabel"></a>

使用此轉換可將多個結果加入單一資料表。

這對於將多個時間序列結果轉換為具有共用**標籤**欄位的單一寬資料表特別有用。
+ **聯結** – 選取要在所有時間序列中可用或通用的標籤之間聯結的標籤。
+ **值** – 輸出結果的名稱。

**範例**

輸入 1： `series1{what='Temp', cluster='A', job='J1'}`


| 時間 | Value | 
| --- | --- | 
| 1 | 10 | 
| 2 | 200 | 

輸入 2： `series2{what='Temp', cluster='B', job='J1'}`


| 時間 | Value | 
| --- | --- | 
| 1 | 10 | 
| 2 | 200 | 

輸入 3： `series3{what='Speed', cluster='B', job='J1'}`


| 時間 | Value | 
| --- | --- | 
| 22 | 22 | 
| 28 | 77 | 

組態：

```
value: 'what'
```

輸出：


| 叢集 | job | 暫存 | 速度 | 
| --- | --- | --- | --- | 
| A | J1 | 10 |  | 
| A | J1 | 200 |  | 
| B | J1 | 10 | 22 | 
| B | J1 | 200 | 77 | 

將此轉換有效地結合和組織時間序列資料，以獲得全面的洞見。

## 欄位的標籤
<a name="v10-panels-xform-funcs-labelstofields"></a>

使用此轉換將具有標籤或標籤的時間序列結果轉換為資料表，包括結果中每個標籤的索引鍵和值。將標籤顯示為增強型資料視覺化的資料欄或資料列值。

假設查詢結果有兩個時間序列：
+ 系列 1 – 標籤 `Server=Server A`、 `Datacenter=EU`
+ 系列 2 – 標籤 `Server=Server B`、 `Datacenter=EU`

在**資料欄**模式中，結果如下所示：


| 時間 | Server | Datacenter | Value | 
| --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 伺服器 A | 歐盟 | 1 | 
| 7/7/2020 上午 11：34：20 | 伺服器 B | 歐盟 | 2 | 

在「資料列」模式中，結果具有每個序列的資料表，並顯示如下所示的每個標籤值：


| label | value | 
| --- | --- | 
| Server | 伺服器 A | 
| Datacenter | 歐盟 | 


| label | value | 
| --- | --- | 
| Server | 伺服器 B | 
| Datacenter | 歐盟 | 

**值欄位名稱**

如果您選取伺服器做為**值欄位名稱**，則伺服器標籤的每個值都會有一個欄位。


| 時間 | Datacenter | 伺服器 A | 伺服器 B | 
| --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 歐盟 | 1 | 2 | 

**合併行為**

欄位轉換器的標籤在內部是兩個單獨的轉換。第一個作用於單一序列，並將標籤擷取至欄位。第二個是合併轉換，將所有結果加入單一資料表。合併轉換會嘗試在所有相符欄位上加入。此合併步驟為必要，無法關閉。

為了說明這一點，以下範例有兩個查詢會傳回沒有重疊標籤的時間序列。
+ 系列 1 – 標籤 `Server=ServerA`
+ 系列 2 – 標籤 `Datacenter=EU`

這首先會產生這兩個資料表：


| 時間 | Server | Value | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | ServerA | 10 | 


| 時間 | Datacenter | Value | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 歐盟 | 20 | 

合併後：


| 時間 | Server | Value | Datacenter | 
| --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | ServerA | 10 |  | 
| 7/7/2020 上午 11：34：20 |  | 20 | 歐盟 | 

## 限制
<a name="v10-panels-xform-funcs-limit"></a>

使用此轉換來限制顯示的列數，提供更集中的資料檢視。這在處理大型資料集時特別有用。

以下是說明**限制**轉換對來自資料來源之回應的影響的範例：


| 時間 | 指標 | Value | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 溫度 | 25 | 
| 7/7/2020 上午 11：34：20 | 濕度 | 22 | 
| 7/7/2020 上午 10：32：20 | 濕度 | 29 | 
| 7/7/2020 上午 10：31：22 | 溫度 | 22 | 
| 7/7/2020 上午 9：30：57 | 濕度 | 33 | 
| 7/7/2020 上午 9：30：05 | 溫度 | 19 | 

以下是新增值為「3」的限制轉換之後的結果：


| 時間 | 指標 | Value | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 溫度 | 25 | 
| 7/7/2020 上午 11：34：20 | 濕度 | 22 | 
| 7/7/2020 上午 10：32：20 | 濕度 | 29 | 

此轉換可協助您量身打造資料的視覺化呈現，以專注於最相關的資料。

## 合併序列/資料表
<a name="v10-panels-xform-funcs-merge"></a>

使用此轉換將多個查詢的結果合併為單一結果，這在使用資料表面板視覺化時特別有用。如果共用欄位包含相同的資料，轉換會將值合併到相同的資料列。

以下是範例說明**合併序列/資料表**轉換對兩個傳回資料表資料之查詢的影響：

*查詢 A：*


| 時間 | 任務 | 執行時間 | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 節點 | 25260122 | 
| 7/7/2020 上午 11：24：20 | postgre | 123001233 | 

查詢 B：


| 時間 | 任務 | 錯誤 | 
| --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 節點 | 15 | 
| 7/7/2020 上午 11：24：20 | postgre | 5 | 

以下是套用合併轉換後的結果：


| 時間 | 任務 | 錯誤 | 執行時間 | 
| --- | --- | --- | --- | 
| 7/7/2020 上午 11：34：20 | 節點 | 15 | 25260122 | 
| 7/7/2020 上午 11：24：20 | postgre | 5 | 123001233 | 

此轉換將查詢 A 和查詢 B 的值合併為統一的資料表，增強呈現以獲得更好的洞見。

## 依名稱組織欄位
<a name="v10-panels-xform-funcs-organize"></a>

使用此轉換來重新命名、重新排序或隱藏面板中單一查詢傳回的欄位。此轉換僅適用於具有單一查詢的面板。如果您的面板有多個查詢，則必須套用*外部聯結*轉換或移除額外的查詢。

**轉換欄位**

Grafana 會顯示查詢傳回的欄位清單。您可以：
+ **變更欄位順序** – 將欄位拖曳到清單中的新位置。
+ **隱藏或顯示欄位** – 使用欄位名稱旁的眼睛圖示來切換欄位的可見性。
+ **重新命名欄位** – 在**重新命名**方塊中輸入新名稱。

**範例**

鑑於此初始查詢結果：


| 時間 | 指標 | Value | 
| --- | --- | --- | 
| 2020-07-07 11：34：20 | 溫度 | 25 | 
| 2020-07-07 11：34：20 | 濕度 | 22 | 
| 2020-07-07 10：32：20 | 濕度 | 29 | 

您可以套用重新命名欄位覆寫來建立：


| 時間 | 感測器 | 讀取 | 
| --- | --- | --- | 
| 2020-07-07 11：34：20 | 溫度 | 25 | 
| 2020-07-07 11：34：20 | 濕度 | 22 | 
| 2020-07-07 10：32：20 | 濕度 | 29 | 

此轉換可讓您量身打造查詢結果的顯示，確保在 Grafana 中清楚且深入地呈現您的資料。

## 依值分割
<a name="v10-panels-xform-funcs-partition"></a>

使用此轉換可簡化繪製多個序列的程序，而不需要多個具有不同`WHERE`子句的查詢。

**注意**  
此函數適用於與 Grafana 第 9 版及更高版本相容的工作區。

這在使用指標 SQL 資料表時特別有用，如本範例所示：


| 時間 | 區域 | Value | 
| --- | --- | --- | 
| 10/20/2022 下午 12：00：00 | 美國 | 1520 | 
| 10/20/2022 下午 12：00：00 | 歐盟 | 2936 | 
| 10/20/2022 上午 1：00：00 | 美國 | 1327 | 
| 10/20/2022 上午 1：00：00 | 歐盟 | 912 | 

使用*依值分割*轉換器，您可以發出單一查詢，並在您選擇的一或多個資料欄 （欄位） 中依唯一值分割結果。以下範例使用 `Region`。

```
SELECT Time, Region, Value FROM metrics WHERE Time > '2022-10-20'
```


| 時間 | 區域 | Value | 
| --- | --- | --- | 
| 10/20/2022 下午 12：00：00 | 美國 | 1520 | 
| 10/20/2022 上午 1：00：00 | 美國 | 1327 | 


| 時間 | 區域 | Value | 
| --- | --- | --- | 
| 10/20/2022 下午 12：00：00 | 歐盟 | 2936 | 
| 10/20/2022 上午 1：00：00 | 歐盟 | 912 | 

此轉換可簡化程序，並增強在相同時間序列視覺化中視覺化多個序列的彈性。

## 準備時間序列
<a name="v10-panels-xform-funcs-preparetimeseries"></a>

當資料來源以與所需視覺化不相容的格式傳回時間序列資料時，請使用此轉換來解決問題。此轉換可讓您在寬格式和長格式之間轉換時間序列資料。

**多影格時間序列**

使用此選項可將時間序列資料框架從寬格式轉換為長格式。當您的資料來源以需要重塑的格式提供時間序列資訊，以便與視覺化的最佳相容性時，這特別有用。

*範例*

此輸入：


| 時間戳記 | Value1 | Value2 | 
| --- | --- | --- | 
| 2023-01-01 00：00：00 | 10 | 20 | 
| 2023-01-01 01：00：00 | 15 | 25 | 

可以轉換為：


| 時間戳記 | 變數 | Value | 
| --- | --- | --- | 
| 2023-01-01 00：00：00 | Value1 | 10 | 
| 2023-01-01 00：00：00 | Value2 | 20 | 
| 2023-01-01 01：00：00 | Value1 | 15 | 
| 2023-01-01 01：00：00 | Value2 | 25 | 

**廣泛時間序列**

使用此選項可將時間序列資料框架從長格式轉換為寬格式。當您的資料來源以長格式提供時間序列資料，且視覺化需要寬格式時，這特別有用。

*範例*

此輸入：


| 時間戳記 | 變數 | Value | 
| --- | --- | --- | 
| 2023-01-01 00：00：00 | Value1 | 10 | 
| 2023-01-01 00：00：00 | Value2 | 20 | 
| 2023-01-01 01：00：00 | Value1 | 15 | 
| 2023-01-01 01：00：00 | Value2 | 25 | 

可以轉換為：


| 時間戳記 | Value1 | Value2 | 
| --- | --- | --- | 
| 2023-01-01 00：00：00 | 10 | 20 | 
| 2023-01-01 01：00：00 | 15 | 25 | 

## 減少
<a name="v10-panels-xform-funcs-reduce"></a>

使用此轉換會將計算套用至資料框架中的每個欄位，並傳回單一值。此轉換對於將波紋時間序列資料合併為更精簡、摘要格式特別有用。套用此轉換時會移除時間欄位。

考慮輸入：

查詢 A：


| 時間 | 暫存 | 執行時間 | 
| --- | --- | --- | 
| 2020-07-07 11：34：20 | 12.3 | 256122 | 
| 2020-07-07 11：24：20 | 15.4 | 1230233 | 

查詢 B：


| 時間 | AQI | 錯誤 | 
| --- | --- | --- | 
| 2020-07-07 11：34：20 | 6.5 | 15 | 
| 2020-07-07 11：24：20 | 3.2 | 5 | 

還原轉換器有兩種模式：
+ **序列到資料列** – 為每個欄位建立資料列，並為每個計算建立一個資料欄。
+ **減少欄位** – 保留現有的影格結構，但會將每個欄位摺疊成單一值。

例如，如果您使用**第一個**和**最後一個**計算搭配**序列進行資料列**轉換，則結果可能是：


| 欄位 | First | Last | 
| --- | --- | --- | 
| 暫存 | 12.3 | 15.4 | 
| 執行時間 | 256122 | 1230233 | 
| AQI | 6.5 | 3.2 | 
| 錯誤 | 15 | 5 | 

使用**上次**計算**減少欄位**會產生兩個影格，每個影格各一個資料列：

查詢 A：


| 暫存 | 執行時間 | 
| --- | --- | 
| 15.4 | 1230233 | 

查詢 B：


| AQI | 錯誤 | 
| --- | --- | 
| 3.2 | 5 | 

## 依 regex 重新命名
<a name="v10-panels-xform-funcs-rename"></a>

使用此轉換來使用規則表達式和取代模式重新命名查詢結果的部分。

您可以指定僅套用至相符項目的規則表達式，以及支援回溯參考的替代模式。例如，假設您正在視覺化每個主機的 CPU 用量，並想要移除網域名稱。您可以將 regex 設定為 ，`([^\.]+)\..+`而取代模式設定為 `$1`， `web-01.example.com` 會變成 `web-01`。

此轉換可讓您量身打造資料以符合視覺化需求，讓您的儀表板更具資訊性且易於使用。

## 欄位的資料列
<a name="v10-panels-xform-funcs-row"></a>

使用此轉換將資料列轉換為不同的欄位。這很有用，因為欄位可以個別建立樣式和設定。它也可以使用其他欄位做為動態欄位組態的來源，或將其對應至欄位標籤。然後，可以使用其他標籤，為產生的欄位定義更好的顯示名稱。

此轉換包含欄位資料表，其中列出組態查詢傳回的資料中的所有欄位。此表格可讓您控制應該映射到每個組態屬性的欄位 (**使用 做為**選項）。如果傳回的資料中有多個資料列，您也可以選擇要選取的值。

此轉換需要：
+ 一個欄位，用來做為欄位名稱的來源。

  根據預設，轉換會使用第一個字串欄位做為來源。您可以在要改用**的欄位的「使用為」欄中選取欄位名稱**，以覆寫此預設設定。 ****
+ 用作值來源的一個欄位。

  根據預設，轉換會使用第一個數字欄位做為來源。但是，您可以在要改用**的欄位的「使用為」欄中選取欄位值**，以覆寫此預設設定。 ****

在 中視覺化資料時很有用：
+ 量測計
+ Stat
+ 圓餅圖

**將額外的欄位映射至標籤**

如果欄位未映射到組態屬性，Grafana 會自動將其用作輸出欄位上標籤的來源。

範例：


| 名稱 | DataCenter | Value | 
| --- | --- | --- | 
| ServerA | 美國 | 100 | 
| ServerB | 歐盟 | 200 | 

輸出：


| ServerA （標籤：DataCenter：US) | ServerB （標籤：DataCenter：EU) | 
| --- | --- | 
| 100 | 200 | 

額外的標籤現在可用於欄位顯示名稱，以提供更完整的欄位名稱。

如果您想要從一個查詢擷取組態並將其套用至另一個查詢，則應使用*查詢結果轉換中的組態*。

**範例**

輸入:


| 名稱 | 值 | 最多 | 
| --- | --- | --- | 
| ServerA | 10 | 100 | 
| ServerB | 20 | 200 | 
| ServerC | 30 | 300 | 

輸出：


| ServerA （組態：max=100) | ServerB （組態：max=200) | ServerC （組態：max=300) | 
| --- | --- | --- | 
| 10 | 20 | 30 | 

您可以看到來源資料中的每一列都會變成單獨的欄位。每個欄位現在也具有最大組態選項集。**Min**、**Max**、**Unit** 和 **Thresholds** 等選項都是欄位組態的一部分，如果像這樣設定，則會由視覺化使用，而不是在面板編輯器選項窗格中手動設定的任何選項。

此轉換可讓資料列轉換為個別欄位、促進動態欄位組態，並將其他欄位映射至標籤。

## 序列到資料列
<a name="v10-panels-xform-funcs-series"></a>

使用此轉換將多個時間序列資料查詢的結果合併為單一結果。這在使用資料表面板視覺化時很有用。

此轉換的結果將包含三個資料欄：時間、指標和值。系統會新增指標欄，讓您可以輕鬆查看指標源自哪個查詢。透過在來源查詢上定義標籤來自訂此值。

在下面的範例中，有兩個查詢會傳回時間序列資料。在套用轉換之前，它會視覺化為兩個不同的資料表。

*查詢 A：*


| 時間 | 溫度 | 
| --- | --- | 
| 2020-07-07 11：34：20 | 25 | 
| 2020-07-07 10：31：22 | 22 | 
| 2020-07-07 09：30：05 | 19 | 

*查詢 B：*


| 時間 | 濕度 | 
| --- | --- | 
| 2020-07-07 11：34：20 | 24 | 
| 2020-07-07 10：32：20 | 29 | 
| 2020-07-07 09：30：57 | 33 | 

以下是將 系列套用至資料列轉換後的結果。


| 時間 | 指標 | Value | 
| --- | --- | --- | 
| 2020-07-07 11：34：20 | 溫度 | 25 | 
| 2020-07-07 11：34：20 | 濕度 | 22 | 
| 2020-07-07 10：32：20 | 濕度 | 29 | 
| 2020-07-07 10：31：22 | 溫度 | 22 | 
| 2020-07-07 09：30：57 | 濕度 | 33 | 
| 2020-07-07 09：30：05 | 溫度 | 19 | 

此轉換有助於整合多個時間序列查詢的結果，提供簡化且統一的資料集，以表格格式進行高效率的分析和視覺化。

## 排序方式
<a name="v10-panels-xform-funcs-sort"></a>

使用此轉換可根據指定的欄位來排序查詢結果中的每個影格，讓您的資料更容易理解和分析。透過設定所需欄位進行排序，您可以控制資料在資料表或視覺化中呈現的順序。

使用**反向**開關來反向排序指定欄位中的值。當您想要快速切換遞增和遞減順序以符合分析需求時，此功能特別有用。

例如，在從資料來源擷取時間序列資料的情況下，可以套用**依轉換排序**，根據時間戳記以遞增或遞減順序排列資料影格，視分析需求而定。此功能可確保您可以輕鬆導覽和解譯時間序列資料，並從有條不紊且視覺化的一致性簡報中獲得寶貴的洞見。

## Spatial
<a name="v10-panels-xform-funcs-spatial"></a>

使用此轉換將空間操作套用至查詢結果。
+ **動作** – 選取動作：
  + **準備空間欄位** – 根據其他欄位的結果設定幾何欄位。
    + **位置模式** – 選取位置模式 （這些選項由**計算值**和**轉換**模式共用）：
      + **自動** – 根據預設欄位名稱自動識別位置資料。
      + **Coords** – 指定經緯度欄位。
      + **Geohash** – 指定地理雜湊欄位。
      + **查詢** – 指定 Gazetteer 位置欄位。
  + **計算值** – 使用幾何來定義新欄位 (heading/distance/area)。
    + **函數** – 選擇要套用至幾何的數學操作：
      + **標題** – 計算兩個點之間的標題 （方向）。
      + **區域** – 計算幾何所定義多邊形所包圍的區域。
      + **距離** – 計算兩點之間的距離。
  + **轉換** – 將空間操作套用至幾何。
    + **操作** – 選擇要套用至幾何的操作：
      + **作為折線** – 在每一列建立具有頂點的單一折線功能。
      + **線條建置器** – 在兩個點之間建立線條。

此轉換可讓您操作和分析地理空間資料，啟用操作，例如在點之間建立線條、計算空間屬性等。

## 資料表轉換的時間序列
<a name="v10-panels-xform-funcs-seriestotable"></a>

使用此轉換將時間序列結果轉換為資料表，將時間序列資料影格轉換為**趨勢**欄位。然後，可以使用 [sparkline 儲存格類型](v10-panels-table.md#v10-panels-table-cell-type)轉譯**趨勢**欄位，為每個資料表列產生內嵌 sparkline。如果有多個時間序列查詢，則每個查詢都會產生單獨的資料表資料框架。這些可使用聯結或合併轉換來聯結，以產生單一資料表，每列具有多個火花。

對於每個產生的**趨勢**欄位值，可以選取計算函數。預設值為**最後一個非空值**。此值會顯示在 sparkline 旁，並用於排序資料表資料列。

## 迴歸分析
<a name="v10-panels-xform-funcs-regression"></a>

使用此轉換來建立新的資料框架，其中包含統計模型預測的值。這有助於尋找混沌資料的趨勢。它的運作方式是使用線性或多項式迴歸，將數學函數擬合至資料。然後，資料框架可用於視覺化以顯示趨勢線。

有兩種不同的模型：
+  **線性迴歸** – 根據資料調整線性函數。
+  **多項式迴歸** – 根據資料調整多項式函數。

**注意**  
此轉換目前為公開預覽。Grafana Labs 提供的支援有限，而且中斷變更可能會在功能全面推出之前發生。

# 對查詢進行故障診斷
<a name="v10-panels-query-troubleshoot"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

此頁面提供解決常見儀表板問題的資訊。

**當我重新排列函數時，會取得不同的結果**

函數順序非常重要。如同數學，您放置函數的順序可能會影響結果。

**檢查您的查詢請求和回應**

最常見的問題與資料來源的查詢和回應有關。即使看起來像是 Grafana 中的錯誤或視覺化問題，幾乎總是資料來源查詢或資料來源回應的問題。首先檢查您的面板查詢和回應。

如需詳細資訊，請參閱[檢查請求和回應資料](v10-panels-panel-inspector.md)。

**我的查詢很慢**

您的查詢傳回多少資料點？ 傳回大量資料點的查詢將會很慢。請嘗試：
+ 在**查詢選項**中，限制傳回**的最大資料點**。
+ 在**查詢選項**中，增加**最小間隔**時間。
+ 在您的查詢中，使用 `group by`函數。

# 計算類型
<a name="v10-panels-calculation-types"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

下表包含您可以在 Grafana 中執行的計算清單。您可以在**轉換**索引標籤和長條圖、量測計和狀態視覺化中找到這些計算。


| 計算 | Description | 
| --- | --- | 
| 所有 null | 當所有值皆為 null 時為 True | 
| 所有值 | 具有所有值的陣列 | 
| 所有唯一值 | 具有所有唯一值的陣列 | 
| 所有零 | 當所有值都是 0 時為 true | 
| 變更計數 | 欄位值變更的次數 | 
| 計數 | 欄位中的值數目 | 
| Delta | 值的累積變更，僅計算增量 | 
| 差異 | 欄位第一個值和最後一個值之間的差異 | 
| 差異百分比 | 欄位第一個和最後一個值之間的百分比變更 | 
| 不同計數 | 欄位中唯一值的數量 | 
| First | 欄位的第一個值 | 
| First\$1 （非 null) | 首先，不是欄位中的 null 值 （也排除 NaNs) | 
| Last | 欄位中的最後一個值 | 
| Last\$1 （非 null) | 最後一個，不是欄位中的 null 值 （也排除 NaNs) | 
| 最多 | 欄位的最大值 | 
| Mean | 欄位中所有值的平均值 | 
| 變異數 | 欄位中所有值的差異 | 
| StdDev | 欄位中所有值的標準差 | 
| 最少 | 欄位的最小值 | 
| 最小值 （零以上） | 欄位的最小值、正值 | 
| 範圍 | 欄位的最大值與最小值之間的差異 | 
| 步驟 | 欄位值之間的最小間隔 | 
| 總計 | 欄位中所有值的總和 | 

# 設定面板選項
<a name="v10-panels-configure-panel-options"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Grafana 面板是資料的視覺化呈現，您可以透過定義資料來源查詢、轉換和格式化資料，以及設定視覺化設定來自訂資料。

面板編輯器包含查詢建置器和一系列選項，可用於轉換資料並將資訊新增至面板。

本主題說明如何：
+ 開啟面板以進行編輯
+ 新增面板標題和描述
+ 檢視面板 JSON 模型
+ 設定重複資料列和面板

## 編輯面板
<a name="v10-panels-edit-a-panel"></a>

將面板新增至儀表板後，您可以隨時開啟它以變更或更新查詢、新增資料轉換，以及變更視覺化設定。

**編輯面板**

1. 開啟包含您要編輯之面板的儀表板。

1. 將滑鼠游標移至面板的任何部分，即可在右上角顯示動作選單。

1. 選擇選單，然後選取**編輯**。

   若要使用鍵盤快速鍵開啟面板，請將滑鼠游標暫留在面板上，然後按 `e`。

   面板會以編輯模式開啟。

## 將標題和描述新增至面板
<a name="v10-panels-add-title-description"></a>

將標題和描述新增至面板，以與使用者共用視覺化的任何重要資訊。例如，使用 描述記錄視覺化的目的。

1. 編輯面板。

1. 在面板顯示選項窗格中，找到**面板選項**區段。

1. 輸入**標題**。

   此欄位中輸入的文字會顯示在面板編輯器和儀表板中的工具提示中。

1. 撰寫面板和您要顯示之資料的描述。

   在此欄位中輸入的文字會顯示在面板左上角的工具提示中。

   您可以使用您在**標題**和**描述**欄位中[定義的變數](v10-dash-variables.md)，但不能使用[全域變數](v10-dash-variable-add.md#v10-dash-variable-add-global)。

## 檢視面板 JSON 模型
<a name="v10-panels-json-model"></a>

探索和匯出面板、面板資料和資料框架 JSON 模型。

**檢視面板 JSON 模型**

1. 開啟包含面板的儀表板。

1. 將滑鼠游標移至面板的任何部分，即可在右上角顯示動作選單。

1. 從功能表中，選取**檢查 > 面板 JSON**。

1. 在**選取來源**欄位中，選擇下列其中一個選項：
   + **面板 JSON** – 顯示代表面板的 JSON 物件。
   + **面板資料** – 顯示代表傳遞至面板之資料的 JSON 物件。
   + **DataFrame 結構** – 顯示面板的資料結構，包括已套用的任何轉換、欄位組態和覆寫組態。

1. 若要探索 JSON，請選擇 **>** 以展開或摺疊 JSON 模型的部分。

## 設定重複面板
<a name="v10-panels-configure-repeating-panels"></a>

您可以設定 Grafana 將面板或資料列動態新增至儀表板。動態面板是系統根據變數值建立的面板。變數可動態變更儀表板中所有面板的查詢。如需重複面板的詳細資訊，請參閱 [建立儀表板](v10-dash-creating.md)。

**注意**  
重複面板需要變數來選取一或多個項目；您無法重複面板零次來隱藏它。

*P 必要條件*
+ 確定查詢包含多值變數。

**設定重複面板**

1. 編輯您要重複的面板。

1. 在顯示選項窗格中，選擇**面板選項 > 重複選項**。

1. 選取**方向**。
   + 選擇**水平**以side-by-side排列面板。Grafana 會調整重複面板的寬度。您無法將資料列上的其他面板與重複的面板混合。
   + 選擇**垂直**以排列欄中的面板。重複面板的寬度與原始的重複面板相同。

1. 若要將變更傳播到所有面板，請重新載入儀表板。

# 設定標準選項
<a name="v10-panels-configure-standard-options"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Grafana 中使用的資料模型是一種單欄式導向資料表結構，可統一時間序列和資料表查詢結果。此結構中的每個資料欄稱為 *欄位*。欄位可以代表單一時間序列或資料表資料欄。

欄位選項可讓您變更資料在視覺效果中的顯示方式。您套用的選項和覆寫不會變更資料，而是變更 Grafana 顯示資料的方式。當您變更選項時，它會套用至所有欄位，這表示所有序列或資料欄。例如，如果您將單位變更為百分比，則具有數值的所有欄位都會以百分比顯示。

本主題稍後會包含欄位格式化選項的完整清單。

**注意**  
您可以將標準選項套用至大多數內建的 Grafana 面板。有些較舊的面板和社群面板尚未更新為新的面板和資料模型，將會缺少所有或部分欄位選項。

**設定標準選項**

1. 開啟儀表板。將滑鼠游標暫留在面板的任何部分上，以顯示儀表板右上角的動作選單。

1. 從動作功能表中，選擇**編輯**。

1. 在面板顯示選項窗格中，找到**標準選項**區段。

1. 選取您要套用的標準選項。

1. 若要預覽變更，請在您正在編輯的欄位選項方塊之外選取 ，或按 **Enter** 鍵。

**標準選項定義**

本節說明所有可用的標準選項。

您可以將標準選項套用至大多數內建的 Grafana 面板。有些較舊的面板和社群面板尚未更新為新的面板和資料模型，將會缺少所有或部分欄位選項。

在編輯欄位選項方塊之外按一下或按下 **Enter** 鍵之前，大多數欄位選項都不會影響視覺化效果。

**注意**  
Grafana Labs 不斷努力為所有視覺化新增和展開選項，因此並非所有視覺化都提供所有選項。

## 單位
<a name="v10-panels-standard-options-unit"></a>

可讓您選擇欄位應使用的單位。選擇**單位**欄位，然後向下切入，直到您找到所需的單位為止。您選擇的單位會套用至時間以外的所有欄位。

### 自訂單位
<a name="v10-panels-standard-options-custom-units"></a>

您可以使用單位下拉式清單來指定自訂單位、自訂字首或尾碼，以及日期時間格式。

若要選取自訂單位，請輸入單位，然後在下拉式清單中選取最後一個**自訂：xxx **選項。
+ **suffix：<suffix>** 代表應該在值之後的自訂單位。
+ 字**首：<prefix>** 代表應該在值之前進行的自訂單位。
+ **time：<format>** 對於自訂日期時間格式，輸入 ，例如 `time:YYYY-MM-DD`。如需[格式](https://momentjs.com/docs/#/displaying/)語法和選項，請參閱 *Moment.js 文件*中的格式。
+ **si：<base scale><unit characters>** 表示自訂 SI 單位。例如：`si: mF`。這是更進階的，因為您可以同時指定單位和來源資料擴展。因此，如果您的來源資料以毫秒 （數千） 表示，則在單位前面加上該 SI 縮放字元。
+ 自訂計數單位的 **count：<unit>**。
+ **currency：<unit>** 用於自訂貨幣單位。

您也可以在單位挑選器中貼上原生表情符號，並將其挑選為自訂單位。

### 字串單位
<a name="v10-panels-standard-options-string-units"></a>

Grafana 有時在剖析字串並將其顯示為數字時過於積極。若要設定 Grafana 以顯示原始字串值，請建立欄位覆寫，並使用**字串**單位新增單位屬性。

### 擴展單位
<a name="v10-panels-standard-options-scale-units"></a>

根據預設，Grafana 會根據值的大小自動擴展單位。例如，如果您的值為 0.14 kW，Grafana 會顯示為 140 W。另一個範例是 3000 kW 會顯示為三 MW。如果您想要停用此行為，您可以關閉**擴展單位**開關。

## 最少
<a name="v10-panels-standard-options-min"></a>

可讓您設定百分比閾值計算中使用的最小值。保留空白以自動計算最小值。

## 最多
<a name="v10-panels-standard-options-max"></a>

可讓您設定百分比閾值計算中使用的最大值。保留空白以自動計算最大值。

## 欄位下限/上限
<a name="v10-panels-standard-options-fieldminmax"></a>

根據預設，計算的最小值和最大值將以所有序列和欄位中的最小值和最大值為基礎。開啟欄位最小值/最大值會根據該欄位的最小值或最大值，個別計算每個欄位的最小值或最大值。

## 小數位數
<a name="v10-panels-standard-options-decimals"></a>

指定 Grafana 在轉譯值中包含的小數位數。如果您將此欄位保留空白，Grafana 會根據值自動截斷小數位數。例如，1.1234 會顯示為 1.12，而 100.456 會顯示為 100。

若要顯示所有小數，請將單位設定為**字串**。

## 顯示名稱
<a name="v10-panels-standard-options-displayname"></a>

可讓您設定所有欄位的顯示標題。您可以在欄位標題中使用[變數](v10-dash-variables.md)。

顯示多個統計資料、欄位或序列時，此欄位會控制每個統計資料中的標題。您可以使用 **\$1\$1\$1\$1field.name\$1** 等表達式，在標題中僅使用序列名稱或欄位名稱。

指定名稱為 `Temp`且標籤為 的欄位`{"Loc"="PBI", "Sensor"="3"}`：


| 運算式語法 | 範例 | 轉譯至 | 說明 | 
| --- | --- | --- | --- | 
| \$1\$1\$1\$1field.displayName\$1 | 與語法相同 | Temp \$1Loc="PBI", Sensor="3"\$1 | 顯示欄位名稱，如果標籤存在\$1\$1，則顯示 中的標籤。如果回應中只有一個標籤索引鍵，則對於標籤部分，Grafana 會顯示不含括號的標籤值。 | 
| \$1\$1\$1\$1field.name\$1 | 與語法相同 | Temp | 顯示欄位的名稱 （不含標籤）。 | 
| \$1\$1\$1\$1field.labels\$1 | 與語法相同 | Loc="PBI", Sensor="3" | 顯示不含名稱的標籤。 | 
| \$1\$1\$1\$1field.labels.X\$1 | \$1\$1\$1\$1field.labels.Loc\$1 | PBI | 顯示指定標籤索引鍵的值。 | 
| \$1\$1\$1\$1field.labels.\$1\$1values\$1 | 與語法相同 | PBI, 3 | 顯示以逗號分隔的標籤值 （不含標籤索引鍵）。 | 

如果在轉譯特定欄位的表達式後，該值為空字串，則會使用預設顯示方法。

## 顏色方案
<a name="v10-panels-standard-options-color-scheme"></a>

顏色選項及其對視覺效果的影響取決於您正在使用的視覺效果。有些視覺效果有不同的顏色選項。

您可以指定單一顏色，或根據值選取連續 （漸層） 顏色方案。連續顏色使用相對於最小值和最大值的值百分比來插補顏色。

選取下列其中一個調色盤：


| 顏色模式 | Description | 
| --- | --- | 
| 單一顏色 | 指定單一顏色，在覆寫規則中很有用 | 
| 顏色的陰影 | 選取單一顏色的陰影，在覆寫規則中很有用 | 
| 從閾值 | 通知 Grafana 從相符閾值取得顏色 | 
| 傳統調色盤 | Grafana 會透過依序列索引查詢調色盤中的顏色來指派顏色。適用於圖形、圓餅圖和其他分類資料視覺化 | 
| 傳統調色盤 （依序列名稱） | Grafana 會根據序列的名稱指派顏色。當要虛擬化的序列名稱取決於可用的資料時很有用。 | 
| Green-Yellow-Red （依值） | 持續顏色方案 | 
| Red-Yellow-Green （依值） | 持續顏色方案 | 
| Blue-Yellow-Red （依值） | 持續顏色方案 | 
| 黃色-紅色 （依值） | 持續顏色方案 | 
| 藍紫色 （依值） | 持續顏色方案 | 
| 黃色-藍色 （依值） | 持續顏色方案 | 
| 藍色 （依值） | 持續顏色方案 （面板背景到藍色） | 
| 紅色 （依值） | 持續顏色方案 （面板背景顏色到紅色） | 
| 綠色 （依值） | 持續顏色方案 （面板背景顏色變為綠色） | 
| 紫色 （依值） | 持續顏色方案 （面板背景顏色變為紫色） | 

## 無值
<a name="v10-panels-standard-options-no-value"></a>

如果欄位值為空或 null，請輸入 Grafana 應顯示的內容。預設值為連字號 (-)。

# 設定圖例
<a name="v10-panels-configure-legend"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

面板包含圖例，可用來解譯視覺效果中顯示的資料。每個圖例選項都會為視覺化中說明的資料新增內容和清晰度。

下列視覺效果支援圖例：
+ [長條圖](v10-panels-bar-chart.md)
+ [Candlestick](v10-panels-candlestick.md)
+ [直方圖](v10-panels-histogram.md)
+ [圓餅圖](v10-panels-piechart.md)
+ [狀態時間軸](v10-panels-state-timeline.md)
+ [狀態歷史記錄](v10-panels-status-history.md)
+ [時間序列](v10-panels-time-series.md)
+ [趨勢](v10-panels-trend.md)

[地理貼圖](v10-panels-geomap.md)和[熱貼圖](v10-panels-heatmap.md)也有圖例，但只提供顯示或不顯示圖例的選項，且不支援其他圖例選項。

## 圖例選項
<a name="v10-panels-legend-options"></a>

您可以在面板編輯窗格中的**圖例**區段下找到下列選項。

**注意**  
並非所有列出的選項都適用於具有圖例的所有視覺效果。

**可見性**

設定是否顯示圖例。使用 開關來開啟或關閉圖例。

**Mode (模式)**

設定圖例的顯示格式。可選擇以下方式：
+ **清單**
+ **資料表**

當您將圖例格式化為資料表時，也可能會顯示有關圖例的其他資訊，例如相關聯的值或其在視覺化中的位置。

**配置**

設定在視覺效果上顯示圖例的位置。可選擇以下方式：
+ **Bottom (下)**
+ **Right (右)**

**Width (寬度)**

如果您將圖例置放設定為**右側**，**則寬度**選項會變成可用。將欄位保留空白，以允許 Grafana 自動設定圖例寬度，或在欄位中輸入 vale。

**Values (數值)**

您可以透過將序列資料值或[計算](v10-panels-calculation-types.md)新增至圖例，將更多內容新增至視覺效果。您可以新增任意數量的值。套用變更後，您可以捲動圖例以查看所有值。

## 變更系列顏色
<a name="v10-panels-legend-change-color"></a>

根據預設，Grafana 會設定序列資料的顏色，但您可以透過面板圖例進行變更。

**變更系列顏色**

1. 導覽至您要更新的面板。

1. 在圖例中，選取與系列相關聯的顏色列。

1. 在顏色****索引標籤中選取預先設定的顏色，或在自訂索引標籤中使用挑選器或 RGB 值設定**自訂**顏色。

1. 儲存儀表板。

## 在視覺化中隔離序列資料
<a name="v10-panels-legend-isolate"></a>

視覺化通常是複雜的視覺效果，並包含許多資料序列。您可以透過圖例從視覺化中移除序列資料來簡化檢視，這會隔離您想要查看的資料。當您這樣做時，Grafana 會自動在覆寫索引標籤中建立新的**覆寫**。

**在視覺化中隔離序列資料**

1. 導覽至您要更新的面板。

1. 在圖例中，選取您要隔離的序列標籤。

   系統會從檢視所有其他序列資料中移除 。

1. 若要將序列資料累加回隔離序列，請按 **Ctrl** 或 **Command** 鍵，然後選取您要新增的序列標籤。

1. 若要儲存變更，讓面板的所有瀏覽者看到變更，請儲存儀表板。

若要還原至包含所有資料的預設檢視，請按一下任何序列標籤兩次。

## 排序序列
<a name="v10-panels-legend-sort"></a>

當您將圖例格式化為資料表並為其新增值時，您可以依這些值排序資料表中的序列。

**排序序列**

1. 導覽至您要更新的面板。

1. 將滑鼠游標暫留在您要處理的面板任何部分上，以顯示面板右上角的選單。

1. 從功能表中，選擇**編輯**。

1. 捲動至面板編輯窗格的**圖例**區段。

1. 在**值**下，選取您要顯示的值或計算。

   圖例現在會顯示值。

1. 選擇圖例資料表中的計算名稱標頭，以遞增或遞減順序排序資料表中的值。

**注意**  
此功能僅支援這些面板：長條圖、長條圖、時間序列。

# 設定資料連結
<a name="v10-panels-configure-data-links"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

資料連結可讓您為連結提供更精細的內容。您可以建立包含系列名稱或甚至是游標下值的連結。例如，如果您的視覺化顯示四部伺服器，您可以將資料連結新增至其中一或兩部伺服器。您也可以使用資料連結來連結面板。

連結本身可透過不同方式存取，視視覺化效果而定。例如，對於時間序列視覺化，您可以選擇資料點或行。對於大型區域視覺效果，例如統計資料、量測計或長條圖，您可以選擇視覺效果上的任何位置來開啟內容選單。

如果視覺效果中只有一個資料連結，請選擇視覺效果上的任何位置會開啟連結，而不是內容選單。

**支援的視覺化效果**
+ 長條圖
+ 長條規
+ 蠟燭圖
+ Canvas
+ 量測計
+ 地理貼圖
+ 熱度圖
+ 直方圖
+ 圓餅圖
+ Stat
+ 狀態時間軸
+ 狀態歷史記錄
+ 資料表
+ 時間序列
+ 趨勢

## 資料連結變數
<a name="v10-panels-data-link-variables"></a>

資料連結中的變數可讓您將人員傳送至具有保留資料篩選條件的詳細儀表板。例如，您可以使用變數來指定標籤、時間範圍、序列或變數選擇。

若要查看可用變數的清單，`$`請輸入資料連結 **URL** 欄位。

您也可以在資料連結 URLs中使用範本變數，請參閱 [Variables](v10-dash-variables.md)。

### 時間範圍面板變數
<a name="v10-panels-time-range-panel-variables"></a>

這些變數可讓您在資料連結 URL 中包含目前的時間範圍。
+ `__url_time_range` – 目前儀表板的時間範圍 （即 `?from=now-6h&to=now`)
+ `$__from` – 如需詳細資訊，請參閱 [全域變數](v10-dash-variable-add.md#v10-dash-variable-add-global)。
+ `$__to` – 如需詳細資訊，請參閱 [全域變數](v10-dash-variable-add.md#v10-dash-variable-add-global)。

### 系列變數
<a name="v10-panels-series-variables"></a>

系列特定變數可在`__series`命名空間下使用：
+ `__series.name` – URL 的序列名稱

### 欄位變數
<a name="v10-panels-field-variables"></a>

欄位特定的變數可在`__field`命名空間下取得：
+ `__field.name` – 欄位的名稱
+ `__field.labels.<LABEL>` – 標籤的 URL 值。如果您的標籤包含點，請使用`__field.labels["<LABEL>"]`語法。

### 值變數
<a name="v10-panels-value-variables"></a>

值特定的變數可在`__value`命名空間下取得：
+ `__value.time` – 值的時間戳記 (Unix ms epoch) 到 URL （即 `?time=1560268814105`)
+ `__value.raw` – 原始值
+ `__value.numeric` – 數值的數值表示法
+ `__value.text` – 值的文字表示
+ `__value.calc` – 如果值是計算的結果，則計算名稱

根據工具提示模式的設定選項，在資料連結中使用值特定的變數可以顯示不同的結果。

### 資料變數
<a name="v10-panels-data-variables"></a>

若要從其他欄位存取值，請使用：
+ `__data.fields[i]` – 欄位的值 `i`（在同一列）。
+ `__data.fields["NameOfField"]` – 使用名稱而非索引的欄位值。
+ `__data.fields[i].labels.cluster` – 存取另一個欄位的標籤。

### 範本變數
<a name="v10-panels-template-variables"></a>

連結至使用範本變數的另一個儀表板時，請為按一下連結的人員選取變數值。

`${var-myvar:queryparam}` – 其中 `var-myvar`是範本變數的名稱，其符合您要使用的目前儀表板中的變數。


| 變數狀態 | 產生建立的 URL | 
| --- | --- | 
| 已選取一個值 | var-myvar=value1 | 
| 已選取多個值 | var-myvar=value1&var-myvar=value2 | 
| 已選取 All | var-myvar=All | 

如果您想要將所有目前儀表板的變數新增至 URL，請使用 `${__all_variables}`。

## 新增資料連結
<a name="v10-panels-add-a-datalink"></a>

您可以將資料連結新增至您的面板。

1. 導覽至您要新增資料連結的面板。

1. 將滑鼠游標暫留在面板上，即可在右上角顯示功能表圖示。

1. 從功能表中，選擇**編輯**以開啟面板編輯器。

1. 在**面板編輯**窗格中，向下捲動至**資料連結**區段並將其展開。

1. 選擇**新增連結**。

1. 在開啟的對話方塊中，輸入**標題**。這是連結的人類可讀取標籤，會顯示在 UI 中。

1. 輸入您要連結的 **URL** 或變數。

   若要新增資料連結變數，請選取 **URL** 欄位，然後輸入`$`或按 Ctrl\$1Space 或 Cmd\$1Space 以查看可用變數的清單。

1. 如果您想要在新索引標籤中開啟連結，請選取**在新索引標籤中開啟**。

1. 選擇**儲存**以儲存變更並關閉對話方塊。

1. 將變更儲存至儀表板。

# 設定值映射
<a name="v10-panels-configure-value-mappings"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

除了欄位覆寫之外，值映射是一種可用來變更資料在視覺化中顯示方式的技術。

值映射會略過面板編輯器[標準選項](v10-panels-configure-standard-options.md)中設定的單位格式，例如顯示的顏色或小數位數。當面板中存在值映射時，Grafana 會在面板編輯器**的值映射**區段中顯示它們的摘要。

**支援的視覺化效果**
+ 長條圖
+ 長條規
+ 蠟燭圖
+ Canvas
+ 量測計
+ 地理貼圖
+ 直方圖
+ 圓餅圖
+ Stat
+ 狀態時間軸
+ 狀態歷史記錄
+ 資料表
+ 時間序列
+ 趨勢

## 值映射的類型
<a name="v10-panels-value-mappings-types"></a>

Grafana 支援下列值映射類型：
+ **值** – 將特定值映射至文字和顏色。例如，您可以設定值映射，讓值的所有執行個體`10`顯示為 `Perfection!`而非數字。當您想要格式化單一**值**時，請使用值映射。
+ **範圍** – 將數值範圍映射至文字和顏色。例如，如果值位於特定範圍內，您可以將範圍值映射設定為顯示 `Low`或 `High`，而不是數字。當您想要交錯多個連續值時，請使用**範圍**映射。
+ **Regex** – 將規則表達式映射至文字和顏色。例如，如果值為 `www.example.com`，您可以設定 regex 值映射，讓 Grafana 顯示`www`並截斷網域。當您想要格式化規則表達式值的文字和顏色時，請使用 **Regex** 映射。
+ **特殊** – 將 `Null`、 `NaN`（而非數字） 等特殊值，以及 `true`和 等布林值映射`false`至文字和顏色。例如，您可以設定特殊值映射，讓`null`值顯示為 `N/A`。當您想要格式化不常見、布林值或空值時，請使用**特殊**映射。

## 新增值映射
<a name="v10-panels-value-mappings-add"></a>

您可以將值映射新增至您的面板。

**新增值映射**

1. 導覽至您要更新的面板。

1. 將滑鼠游標暫留在面板的任何部分上，以在面板的右上角顯示選單。

1. 從功能表中，選擇**編輯**。

1. 在**值映射**區段中，選擇**新增值映射**。

1. 選擇**新增映射**，然後選擇下列其中一項：
   + **值** – 輸入要比對的單一值。
   + **範圍** – 輸入要比對範圍的開始和結束值。
   + **Regex** – 輸入要比對的規則表達式模式。
   + **特殊** – 選擇要比對的特殊值。

1. （選用） 輸入顯示文字。

1. （選用） 設定顏色。

1. 選擇**更新**以儲存值映射。

新增映射後，**編輯值映射**按鈕會取代**新增值映射**按鈕。選擇編輯按鈕以新增或更新映射。

# 設定閾值
<a name="v10-panels-configure-thresholds"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

在儀表板中，閾值是您為指標設定的值或限制，會在達到或超過指標時以視覺方式反映。閾值是您可以根據查詢結果條件化樣式和著色視覺效果的一種方式。

您可以使用閾值來：
+ 顏色網格線或網格是時間序列視覺化中的區域。
+ 在狀態視覺效果中為背景或值文字上色。
+ 在狀態時間軸中定義區域和區域顏色。
+ 時間序列視覺化中的顏色行。
+ 為量測計中的量測計和閾值標記上色。
+ 幾何中的顏色標記。
+ 資料表中的彩色儲存格文字或背景。

**支援的視覺化效果**
+ 長條圖
+ 長條規
+ 蠟燭圖
+ Canvas
+ 量測計
+ 地理貼圖
+ 直方圖
+ Stat
+ 狀態時間軸
+ 狀態歷史記錄
+ 資料表
+ 時間序列
+ 趨勢

## 預設閾值
<a name="v10-panels-thresholds-default"></a>

在支援閾值的視覺效果上，Grafana 具有下列預設閾值設定：
+ 80 = 紅色
+ Base = 綠色
+ 模式 = 絕對值
+ 顯示閾值 = 關閉 （適用於某些視覺化效果）

  如需詳細資訊，請參閱[顯示閾值](#v10-panels-thresholds-show)。

## 閾值選項
<a name="v10-panels-thresholds-options"></a>

您可以設定下列選項，以進一步定義閾值的外觀。

### 閾值
<a name="v10-panels-thresholds-value"></a>

此數字是觸發閾值的值。您也可以在此欄位中設定與閾值相關聯的顏色。

**基本**值代表減去無限大。根據預設，它會設定為綠色，通常為「良好」顏色。

### 閾值模式
<a name="v10-panels-thresholds-mode"></a>

有兩種閾值模式：
+ **絕對**閾值由數字定義。例如，在 1 到 150 的範圍內為 80。
+ **百分比**閾值是相對於最小值或最大值定義。例如，80%。

### 顯示閾值
<a name="v10-panels-thresholds-show"></a>

**注意**  
此選項僅支援長條圖、蠟燭、時間序列和趨勢視覺化。

使用下列選項設定在視覺效果上是否顯示閾值以及如何顯示閾值。
+ **關閉** – 閾值不會顯示。
+ **作為線條** – 閾值在視覺效果上顯示為水平線條。
+ **線條 （破折號）** – 閾值會以破折號水平線條顯示。
+ **填充區域** – 閾值顯示為水平區域。
+ **作為填充區域和線條** – 閾值顯示為以線條分隔的水平區域。
+ **填充區域和行 （破折號）** – 閾值顯示為以破折號行分隔的水平區域。

## 新增閾值
<a name="v10-panels-thresholds-add"></a>

您可以視需要將任意數量的閾值新增至視覺化。Grafana 會自動從最高到最低排序閾值。

**新增閾值**

1. 導覽至您要更新的面板。

1. 將滑鼠游標移至面板的任何部分，即可在右上角顯示選單。

1. 從功能表中，選取**編輯**。

1. 捲動至**閾值**區段，或在面板編輯窗格頂端的搜尋列`Thresholds`中輸入 。

1. 選擇 **\$1 新增閾值**。

1. 輸入新的閾值，或使用欄位右側的向上和向下箭頭來遞增增加或減少值。

1. 按一下閾值左側的彩色圓圈以開啟顏色挑選器，您可以在其中更新閾值顏色。

1. 在**閾值模式下**，選取**絕對**或**百分比**。

1. 在**顯示閾值**下，設定閾值的顯示方式，或將其關閉。

若要刪除閾值，請導覽至包含閾值的面板，然後選擇您要移除的閾值旁邊的垃圾桶圖示。

# 設定欄位覆寫
<a name="v10-panels-configure-overrides"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

覆寫可讓您自訂特定欄位或系列的視覺化設定。這是透過新增覆寫規則來實現的，該規則以一組特定的欄位為目標，並且可以各自定義多個選項。

例如，您可以為包含文字的所有欄位設定單位，`bytes`方法是使用**名稱相符 regex** 比對程式的欄位新增覆寫，然後將單位選項新增至覆寫規則。

## 範例 1：格式化溫度
<a name="v10-panels-overrides-format-temperature"></a>

假設結果集是包含兩個欄位的資料框架： `time`和 `temperature`。


| time | 溫度 | 
| --- | --- | 
| 2020-01-02 03：04：00 | 45.0 | 
| 2020-01-02 03：05：00 | 47.0 | 
| 2020-01-02 03：06：00 | 48.0 | 

此結構的每個欄位 （資料欄） 都可以套用變更其值顯示方式的欄位選項。例如，這表示您可以將單位設定為溫度 >攝氏，導致下表：


| time | 溫度 | 
| --- | --- | 
| 2020-01-02 03：04：00 | 45.0°C | 
| 2020-01-02 03：05：00 | 47.0°C | 
| 2020-01-02 03：06：00 | 48.0°C | 

此外，不需要小數位數，因此我們可以將其移除。您可以將小數從**自動**變更為零 (**0**)，產生下表：


| time | 溫度 | 
| --- | --- | 
| 2020-01-02 03：04：00 | 45°C | 
| 2020-01-02 03：05：00 | 47°C | 
| 2020-01-02 03：06：00 | 48°C | 

## 範例 2：格式化溫度和濕度
<a name="v10-panels-overrides-format-humidity"></a>

假設結果集是由四個欄位組成的資料框架：`time`、`low temp`、 `high temp`和 `humidity`。


| time | 溫度過高 | 低溫度 | 濕度 | 
| --- | --- | --- | --- | 
| 2020-01-02 03：04：00 | 45.0 | 30.0 | 67 | 
| 2020-01-02 03：05：00 | 47.0 | 34.0 | 68 | 
| 2020-01-02 03：06：00 | 48.0 | 31.0 | 68 | 

讓我們新增攝氏單位並消除小數位數。這會導致下表：


| time | 溫度過高 | 低溫度 | 濕度 | 
| --- | --- | --- | --- | 
| 2020-01-02 03：04：00 | 45°C | 30°C | 67°C | 
| 2020-01-02 03：05：00 | 47°C | 34°C | 68°C | 
| 2020-01-02 03：06：00 | 48°C | 31°C | 68°C | 

溫度欄位看起來不錯，但現在必須變更濕度。我們可以透過將欄位選項覆寫套用至濕度欄位，並將單位變更為雜項 > 百分比 (0-100) 來修正此問題。


| time | 溫度過高 | 低溫度 | 濕度 | 
| --- | --- | --- | --- | 
| 2020-01-02 03：04：00 | 45°C | 30°C | 67% | 
| 2020-01-02 03：05：00 | 47°C | 34°C | 68% | 
| 2020-01-02 03：06：00 | 48°C | 31°C | 68% | 

## 新增欄位覆寫
<a name="v10-panels-overrides-add-a-field"></a>

欄位覆寫規則可以自訂特定欄位或系列的視覺化設定。

**新增欄位覆寫**

1. 編輯您要新增覆寫的面板。

1. 在面板選項側邊窗格中，選擇窗格底部的**新增欄位覆寫**。

1. 選取要套用覆寫規則的欄位：
   + **名稱為 的欄位** – 從所有可用欄位清單中選取欄位。您使用此選取器新增至規則的屬性只會套用至此單一欄位。
   + **名稱符合 regex 的欄位** – 指定要以規則表達式覆寫的欄位。您使用此選取器新增至規則的屬性會套用至欄位名稱符合 regex 的所有欄位。這會選取要覆寫的欄位，但不會重新命名欄位；若要這樣做，請使用[透過 regex 轉換重新命名](v10-panels-xform-functions.md)。
   + **類型為 的欄位** – 依類型選取欄位，例如字串、數字等。您使用此選取器新增至規則的屬性會套用至符合所選類型的所有欄位。
   + **查詢傳回的欄位** – 選取特定查詢傳回的所有欄位，例如 A、B 或 C。使用此選取器新增至規則的屬性會套用至所選查詢傳回的所有欄位。

1. 選擇**新增覆寫屬性**。

1. 選取您要套用的欄位選項。

1. 透過在欄位中新增值來輸入選項。若要將選項傳回預設值，請刪除欄位中的白色文字。

1. 繼續選擇新增覆寫**屬性，將覆寫新增至**此欄位，或者您可以選擇**新增覆寫**，然後選擇不同的欄位來新增覆寫。

1. 完成後，選擇**儲存**以將所有面板編輯儲存至儀表板。

## 刪除欄位覆寫
<a name="v10-panels-overrides-delete-a-field"></a>

當您不再需要欄位覆寫時，請將其刪除。當您刪除覆寫時，值的外觀會預設為原始格式。此變更會影響依賴受影響面板的儀表板和儀表板使用者。

**刪除欄位覆寫**

1. 編輯包含您要刪除之覆寫的面板。

1. 在面板選項側邊窗格中，向下捲動，直到您看到覆寫為止。

1. 選擇您要刪除的覆寫，然後選擇相關聯的垃圾桶圖示。

## 檢視欄位覆寫
<a name="v10-panels-overrides-view"></a>

您可以在面板顯示選項中檢視欄位覆寫。

1. 編輯包含您要檢視之覆寫的面板。

1. 在面板選項側邊窗格中，向下捲動，直到您看到覆寫為止。

**注意**  
**所有**索引標籤上顯示的覆寫設定與**覆寫**索引標籤上顯示的設定相同。

## 編輯欄位覆寫
<a name="v10-panels-overrides-edit-a-field"></a>

當您想要變更覆寫設定時，請編輯欄位覆寫。您所做的變更會立即生效。

**編輯欄位覆寫**

1. 編輯包含您要編輯之覆寫的面板。

1. 在面板選項側邊窗格中，向下捲動，直到您看到覆寫為止。

1. 找到您要變更的覆寫。

1. 執行下列任何一項：
   + 編輯現有覆寫或欄位選取參數的設定。
   + 選擇屬性旁的 **X** 來刪除現有的覆寫屬性。
   + 選擇新增覆寫屬性來**新增覆寫屬性**。

# Grafana 第 10 版中可用的視覺化
<a name="v10-panels-viz"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Grafana 提供各種視覺效果，以支援不同的使用案例。文件的本節重點介紹內建視覺效果、其選項和典型用量。

面板是開始使用的常見[時間序列](v10-panels-time-series.md)面板，以及了解使用面板的基本知識。

**注意**  
如果您不確定要挑選哪個視覺化，Grafana 可以根據面板查詢提供視覺化建議。當您選取視覺效果時，Grafana 會顯示已套用該視覺效果的預覽。
+ 圖形和圖表
  + [時間序列](v10-panels-time-series.md)是預設和主要圖形視覺化。
  + 狀態隨時間變更的狀態[時間軸](v10-panels-state-timeline.md)。
  + 一段時間內定期狀態的狀態[歷史記錄](v10-panels-status-history.md)。
  + [長條圖](v10-panels-bar-chart.md)顯示任何分類資料。
  + [直方圖](v10-panels-histogram.md)會在長條圖中計算並顯示值分佈。
  + [熱度圖](v10-panels-heatmap.md)會以兩個維度視覺化資料，通常用於現象的大小。
  + [圓餅圖](v10-panels-piechart.md)通常用於比例性很重要的位置。
  + [Candlestick](v10-panels-candlestick.md) 通常適用於專注於價格/資料移動的財務資料。
  + [Gauge](v10-panels-gauge.md) 是傳統的圓形視覺效果，顯示單一指標與閾值的距離。
  + 具有非時間之連續數字 x 的資料集[趨勢](v10-panels-trend.md)。
  + [XY Chart](v10-panels-xychart.md) 提供在圖形中視覺化任意 x 和 y 值的方法。
+ 統計數字
  + 大型統計資料和選用 sparkline 的 [Stat](v10-panels-stat.md)。
  + [長條圖是](v10-panels-bar-gauge.md)水平或垂直長條圖。
+ Misc (雜項)
  + [資料表](v10-panels-table.md)是主要且唯一的資料表視覺化。
  + [日誌](v10-panels-logs.md)是日誌的主要視覺化。
  + 導向圖形或網路的[節點](v10-panels-node-graph.md)圖形。
  + [追蹤](v10-panels-traces.md)是追蹤的主要視覺效果。
  + [火焰圖](v10-panels-flamegraph.md)是分析的主要視覺化效果。
  + [Geomap](v10-panels-geomap.md) 可協助您視覺化地理空間資料。
  + [Datagrid](v10-panels-datagrid.md) 可讓您建立和操作資料，並充當其他面板的資料來源。
+ 小工具
  + [儀表板清單](v10-panels-dashboard-list.md)可以列出儀表板。
  + [提醒清單](v10-panels-alert-list.md)可以列出提醒。
  + [文字](v10-panels-text.md)可以顯示 Markdown 和 html。
  + [新聞](v10-panels-news.md)可以顯示 RSS 摘要。

## 取得更多
<a name="v10-panels-getmore"></a>

您可以從 安裝面板外掛程式，以新增更多視覺化類型[使用外掛程式目錄尋找外掛程式](grafana-plugins.md#plugin-catalog)。

## 範例
<a name="v10-panels-examples"></a>

在下列各節中，您可以找到視覺化範例。

## 圖表
<a name="v10-panels-ex-graphs"></a>

對於以時間為基礎的折線圖、區域圖和長條圖，我們建議使用預設[的時間序列](v10-panels-time-series.md)視覺化。

![\[顯示 Grafana 中時間序列視覺化的範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/time_series_example.png)


對於分類資料，請使用[長條圖](v10-panels-bar-chart.md)。

![\[顯示 Grafana 中長條圖視覺化的範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/barchart_example.png)


## 大數字和統計資料
<a name="v10-panels-ex-numbers"></a>

[狀態](v10-panels-stat.md)視覺效果會顯示一個大型狀態值，以及選用的圖形火花。您可以使用閾值或色階來控制背景或值顏色。

![\[顯示 Grafana 中狀態視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/stat_panel_example.png)


## 量測計
<a name="v10-panels-ex-gauge"></a>

如果您想要顯示與最小值和最大值相關的值，您有兩個選項。首先是標準放射[量計](v10-panels-gauge.md)：

![\[顯示 Grafana 中量測計視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/gauge_example.png)


其次，Grafana 也有具有三種不同顯示模式的水平或垂直[長條圖](v10-panels-bar-gauge.md)。

![\[顯示 Grafana 中量測計視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/bar_gauge_example.png)


## 資料表
<a name="v10-panels-ex-table"></a>

若要在資料表配置中顯示資料，請使用[資料表](v10-panels-table.md)視覺化。

![\[顯示 Grafana 中資料表視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/table_example.png)


## 圓餅圖
<a name="v10-panels-ex-piechart"></a>

若要顯示一個或多個查詢中減少的序列或值，因為它們彼此相關，請使用[圓餅圖](v10-panels-piechart.md)視覺化。

![\[顯示 Grafana 中圓餅圖視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/pie_chart_example.png)


## 熱度圖
<a name="v10-panels-ex-heatmaps"></a>

若要顯示一段時間內的值分佈，請使用[熱度圖](v10-panels-heatmap.md)視覺化。

![\[顯示 Grafana 中熱度圖視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/heatmap_example.jpg)


## 狀態時間軸
<a name="v10-panels-ex-state"></a>

[狀態時間軸](v10-panels-state-timeline.md)會顯示一段時間內的分散狀態變更。與時間序列搭配使用時，閾值用於將數值轉換為離散狀態區域。

![\[顯示 Grafana 狀態時間軸視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/state_timeline_example.png)


# 提醒清單
<a name="v10-panels-alert-list"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

使用提醒清單來顯示您的提醒。您可以設定清單以顯示目前狀態。如需警示的詳細資訊，請參閱 [Grafana 第 10 版中的提醒](v10-alerts.md)。

使用這些設定來精簡您的視覺化效果。

## 選項
<a name="v10-panels-alert-list-options"></a>
+ **群組模式** – 選擇**預設分組**以顯示依提醒規則分組的提醒執行個體，以及**選擇自訂分組**以依一組自訂標籤分組提醒執行個體。
+ **項目上限** – 設定要列出的提醒數量上限。
+ **排序順序** – 選取如何排序顯示的提醒。
  + **字母順序 (asc)** – 字母順序
  + **字母 (desc)** – 反向字母順序
  +  **重要性** – 根據下列值的重要性，1 為最高：
    + `alerting` 或 `firing`：1
    + `no_data`: 2
    + `pending`：3
    + `ok`：4
    + `paused` 或 `inactive`：5
  + **時間 (asc)** – 首先是最新的作用中提醒執行個體。
  + **Time (desc)** – 首先是最早的作用中提醒執行個體。
+  **此儀表板的提醒** – 僅顯示來自儀表板的提醒，提醒清單位於其中。

## 篩選條件
<a name="v10-panels-alert-filter"></a>

這些選項可讓您將顯示的提醒限制為僅符合您所選查詢、資料夾或標籤的提醒：
+ **警示名稱** – 輸入警示名稱查詢。
+ **警示執行個體標籤** – 使用標籤查詢篩選警示執行個體。例如 `{severity="critical", instance=~"cluster-us-.+"}`。
+ **資料夾** – 選取資料夾。只會顯示所選資料夾中儀表板的提醒。
+ **資料來源** – 從選取的資料來源篩選提醒。

## 狀態篩選條件
<a name="v10-panels-alert-state-filter"></a>

選擇要在此面板中顯示的提醒狀態。
+ 警示/觸發
+ 待定
+ 無資料
+ 正常
+ 錯誤

# 註釋清單
<a name="v10-panels-annotations"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

註釋清單顯示可用於檢視註釋資料的註釋清單。有多種選項可根據標籤和目前儀表板來篩選清單。

## 註釋查詢
<a name="v10-panels-annotations-query"></a>

下列選項控制註釋清單的來源查詢。

**查詢篩選條件**

使用查詢篩選條件，從組織中的所有儀表板或此面板所在的目前儀表板建立註釋清單。它有下列選項：
+ 所有儀表板 - 列出目前組織中所有儀表板的註釋。
+ 此儀表板 - 將清單限制為目前儀表板上的註釋。

**時間範圍**

使用時間範圍選項指定清單是否應限制為目前的時間範圍。它有下列選項：
+ 無 - 註釋查詢沒有時間範圍限制。
+ 此儀表板 - 將清單限制為可使用註釋清單面板的儀表板時間範圍。

**Tags** (標籤)

使用標籤選項依標籤篩選註釋。您可以新增多個標籤，以精簡清單。

**注意**  
或者，選擇作為面板本身結果一部分列出的標籤，讓標籤清單保持空白並即時篩選。

**限制**

使用限制選項來限制傳回的結果數量。

## 顯示
<a name="v10-panels-annotations-display"></a>

這些選項控制註釋面板顯示中包含的其他中繼資料。

**顯示使用者**

使用此選項可顯示或隱藏建立註釋的使用者。

**顯示時間**

使用此選項可顯示或隱藏註釋建立時間。

**顯示標籤**

使用此選項可顯示或隱藏與註釋相關聯的標籤。注意**：您可以使用標籤來即時篩選視覺化本身上的註釋清單。

## 連結行為
<a name="v10-panels-annotations-links"></a>

**連結目標**

使用此選項來選擇如何檢視標註的資料。它有下列選項。
+ 面板 - 此選項會將您直接帶入面板的全螢幕檢視，其中包含對應的註釋
+ 儀表板 - 此選項會將註釋聚焦在完整儀表板的內容中

**之前的時間**

使用此選項可設定註釋之前的時間範圍。使用持續時間字串值，例如「1h」 = 1 小時、「10m」 = 10 分鐘等。

**之後的時間**

使用此選項可設定註釋之後的時間範圍。

# 長條圖
<a name="v10-panels-bar-chart"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

長條圖可讓您繪製分類資料圖形。

![\[顯示 Grafana 中長條圖視覺化的範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/barchart_example.png)


## 支援的資料格式
<a name="v10-panels-bar-chart-formats"></a>

僅支援一個資料影格，且至少需要一個字串欄位做為 X 或 Y 軸的類別，以及一或多個數值欄位。以下是資料格式的範例：


| 瀏覽器 | 市場份額 | 
| --- | --- | 
| Chrome | 50 | 
| Internet Explorer | 17.5 | 

如果您有多個數值欄位，面板會顯示分組長條。

### 視覺化時間序列或多個結果集
<a name="v10-panels-bar-chart-visualization"></a>

如果您有多個時間序列或資料表，您首先需要使用聯結來聯結它們，或減少轉換。例如，如果您有多個時間序列，並且想要比較其最後一個和最大值，請新增**減少**轉換，並在**計算**下指定**最大值**和**最後一個**作為選項。

## 長條圖選項
<a name="v10-panels-bar-chart-options"></a>

使用這些選項來精簡您的視覺化效果。

**Orientation (方向)**
+ **自動 ** – Grafana 會根據面板維度決定長條方向。
+ **水平** – 使 X 軸成為類別軸。
+ **垂直** – 將 Y 軸設為類別軸。

**輪換 x 軸刻度標籤**

 當圖形垂直方向時，此設定會在長條下輪換標籤。當長條圖標籤很長且重疊時，此設定很有用。

**X 軸刻度標籤長度上限**

設定長條圖標籤的長度上限。超過長度上限的標籤會以省略符號截斷。

**長條標籤的最小間距**

設定長條標籤之間的最小間距。

**顯示值**

控制值是否顯示在長條的頂端或左側。
+ **自動** – 如果有空格，則會顯示值。
+ **Always** – 一律顯示值。
+ **從**不 – 從不顯示值。

**堆疊**

控制長條圖堆疊。
+ **關閉** – 不會堆疊長條。
+ **正常** – 橫條會彼此堆疊。
+ **百分比** – 長條會彼此堆疊，而每個長條的高度是堆疊總高度的百分比。

**群組寬度**

控制群組的寬度。
+ `0 = Minimum width`
+ `1 = Maximum width`

**長條寬度**

控制長條的寬度。
+ `0 = Minimum width`
+ `1 = Maximum width`

**長條半徑**

控制長條的半徑。
+ `0 = Minimum radius`
+ `0.5 = Maximum radius`

**將游標暫留上的完整區域反白**

控制當您將滑鼠游標移至長條上時，是否反白顯示長條的整個周圍區域。

**線條寬度**

控制長條的線條寬度。

**填補不透明度**

控制長條的填充不透明度。

**漸層模式**

設定漸層填滿的模式。填充漸層是以線條顏色為基礎。若要變更顏色，請使用標準顏色方案欄位選項。

漸層外觀會受到**填滿不透明度**設定的影響。
+ **無** – 無漸層填充。這是預設設定。
+ **不透明度** – 漸層的透明度是根據 y 軸上的值計算。填充的不透明度隨著 Y 軸上的值而增加。
+ **Hue** – 根據線條顏色的色調產生漸層顏色。

**工具提示模式**

當您將游標暫留在視覺化效果上時，Grafana 可以顯示工具提示。選擇工具提示的行為方式。
+ **單一 ** – 暫留工具提示僅顯示單一序列，即您要暫留在視覺化效果上的序列。
+ **全部** – 暫留工具提示會顯示視覺效果中的所有序列。Grafana 會反白顯示您在工具提示的序列清單中以粗體暫留的序列。
+ **隱藏** – 當您與視覺化互動時，請勿顯示工具提示。

**注意**  
您可以使用覆寫來隱藏工具提示中的個別序列。

**文字大小**

輸入值以變更長條圖上的文字大小。

## 圖例選項
<a name="v10-panels-bar-chart-legend"></a>

**圖例模式**

使用這些設定來定義圖例在視覺化中的顯示方式。如需詳細資訊，請參閱[設定圖例](v10-panels-configure-legend.md)。
+ **清單** – 將圖例顯示為清單。這是圖例的預設顯示模式。
+ **資料表** – 將圖例顯示為資料表。
+ **隱藏** – 隱藏圖例。

**圖例置放**

選擇要放置圖例的位置。
+ **底部** – 圖表下方。
+ **右側** – 圖形右側。

**圖例值**

選擇要在圖例中顯示的序列資料值或標準計算。您可以有多個 。如需詳細資訊，請參閱[設定圖例](v10-panels-configure-legend.md)。

## 軸選項
<a name="v10-panels-bar-chart-axis"></a>

使用下列欄位設定來精簡軸的顯示方式。在編輯欄位選項方塊之外按一下或按下 Enter 鍵之前，某些欄位選項不會影響視覺化效果。

**配置**

設定 Y 軸的位置。
+ **自動** – Grafana 會自動將 Y 軸指派給序列。當有兩個或更多具有不同單位的序列時，Grafana 會將左軸指派給第一個單位，並將右軸指派給下列單位。
+ **左側** – 在左側顯示所有 Y 軸。
+ **右側** – 在右側顯示所有 Y 軸。
+ **隱藏** – 隱藏所有 Y 軸。

若要選擇性地隱藏軸，[請新增以特定欄位為目標的欄位覆寫](v10-panels-configure-overrides.md)。

**標籤**

設定 Y 軸文字標籤。如果您有多個 Y 軸，則可以使用覆寫來指派不同的標籤。

**Width (寬度)**

設定軸的固定寬度。根據預設，Grafana 會動態計算軸的寬度。

透過設定軸的寬度，具有不同軸類型的資料可以共用相同的顯示比例。這可讓您更輕鬆地比較多個圖形的資料值，因為軸不會在視覺上彼此接近的範圍內移動或延伸。

**軟性最小值和軟性最大值**

設定軟性最小值或軟性最大值選項，以更好地控制 Y 軸限制。根據預設，Grafana 會根據資料集自動設定 Y 軸的範圍。

當資料大多是平坦時，軟性最小值和軟性最大值設定可以防止彎折進入山區，而從標準最小和最大欄位選項衍生的硬性最小值或最大值可以防止間歇性峰值透過將峰值剪輯超過定義的點來扁平化有用的細節。

您可以設定標準最小/最大選項來定義 Y 軸的硬性限制。如需詳細資訊，請參閱[設定標準選項](v10-panels-configure-standard-options.md)。

**顯示多個 y 軸**

在某些情況下，您可能想要顯示多個 y 軸。例如，如果您的資料集同時顯示溫度和濕度隨時間的變化，您可能想要針對這兩個序列顯示兩個具有不同單位的 y 軸。

您可以[新增欄位覆寫](v10-panels-configure-overrides.md)來執行此操作。視需要多次遵循步驟，以視需要新增任意數量的 y 軸。

# 長條規
<a name="v10-panels-bar-gauge"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

長條圖將每個欄位減少為單一值，以簡化您的資料。您可以選擇 Grafana 計算縮減的方式。

此面板可以顯示一或多個長條圖，取決於查詢傳回的序列、資料列或資料欄數量。

![\[顯示 Grafana 中長條圖視覺化的範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/bar_gauge_example.png)


## 值選項
<a name="v10-panels-bar-gauge-value"></a>

使用下列選項來精簡視覺化顯示值的方式：

**Show (顯示)**

選擇 Grafana 顯示資料的方式。

**計算**

顯示以所有資料列為基礎的計算值。
+ **計算** – 選取 Grafana 將用於將許多欄位減少為單一值的縮減器函數。如需可用計算的清單，請參閱[計算類型](v10-panels-calculation-types.md)。
+ **欄位** – 選取面板中顯示的欄位。

**所有值**

顯示每一列的個別統計資料。如果選取此選項，您也可以限制要顯示的列數。
+ **限制** – 要顯示的列數上限。預設值為 5，000。
+ **欄位** – 選取面板中顯示的欄位。

## 長條規選項
<a name="v10-panels-bar-gauge-options"></a>

調整長條圖的顯示方式。

**Orientation (方向)**

選擇堆疊方向。
+ **自動** – Grafana 會選取其認為的最佳方向。
+ **水平** – 橫條從左到右水平延伸。
+ **垂直** – 橫條從下到上垂直延伸。

**顯示模式**

選擇顯示模式。
+ **漸層** – 閾值層級定義漸層。
+ **舊式 LCD** – 量測計會分割成點亮或未點亮的小儲存格。
+ **基本** – 根據相符閾值的單一顏色。

**值顯示**

選擇值顯示模式。
+ **值顏色** – 值顏色由值決定。
+ **文字顏色** – 值顏色是預設的文字顏色。
+ **隱藏** – 值會隱藏。

**名稱置放**

選擇名稱置放模式。

**注意**  
此選項僅適用於長條圖的方向為水平時。當長條規處於垂直方向時，名稱一律會放在每個長條規的底部。
+ **自動** – Grafana 決定最佳放置位置。
+ **頂端** – 名稱會放在每個長條圖的頂端。
+ **左側** – 名稱會放置在每個長條圖的左側。

**顯示未填滿的區域**

如果您想要將長條的未填充區域轉譯為深灰色，請選取此選項。不適用於 Retro LCD 顯示器模式。

**長條大小**

選擇長條大小模式。
+ **自動** – Grafana 會決定最佳長條圖大小。
+ **手動** – 手動設定長條圖大小。

**最小寬度**

當量測計垂直方向時，限制長條欄的最小寬度。

有大量資料時，自動顯示 x 軸捲軸。

**注意**  
此選項僅適用於將長條大小設定為手動時。

**最小高度**

當量測計水平方向時，請限制長條列的最小高度。

有大量資料時，自動顯示 y 軸捲軸。

**注意**  
此選項僅適用於將長條大小設定為手動時。

**最大高度**

當量測計水平方向時，請限制長條列的最大高度。

有大量資料時，自動顯示 y 軸捲軸。

**注意**  
此選項僅適用於將長條大小設定為手動時。

# 蠟燭圖
<a name="v10-panels-candlestick"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Candlestick 視覺化可讓您將資料視覺化，其中包含許多專注於價格移動的一致維度。Candlestick 面板包含 Open-High-Low-Close (OHLC) 模式，以及根據時間序列資料支援其他維度。

![\[顯示 Grafana 中蠟燭視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/candlestick-panel-example.png)


Candlestick 視覺化以 為基礎，[時間序列](v10-panels-time-series.md)並包含許多常見的組態設定。

## Mode
<a name="v10-panels-candlestick-mode"></a>

模式選項可讓您切換要用於視覺化的維度。
+ **手杖** – 將面板維度限制為手杖視覺效果所使用的開啟、高、低和關閉維度。
+ **磁碟**區 – 將面板維度限制為磁碟區維度。
+ **兩者**：蠟燭面板的預設行為。它包含蠟燭和磁碟區視覺化效果。

## 蠟燭樣式
<a name="v10-panels-candlestick-style"></a>
+ **蠟燭** – 預設的顯示樣式，會在開啟和關閉維度之間建立蠟燭樣式的視覺效果。
+ **OHLC 長條** – 顯示四個核心維度的開啟、高、低和關閉值。

## 顏色策略
<a name="v10-panels-candlestick-color"></a>
+ **自開啟** – 預設行為。如果期間內價格變動為正值，此模式將利用*上升*顏色 （下方）。換句話說，如果關閉時的值大於或等於開啟時的值，則會使用*上升*顏色。
+ **自先前關閉**以來 – 一種替代顯示方法，其中蠟燭的顏色是根據期間間價格變動或價值變更而定。換言之，如果開啟時的值大於關閉時先前的值，則會使用*上升*顏色。如果開啟時的值低於關閉時先前的值，則會使用*向下*顏色。*此選項也會觸發空心蠟燭視覺化模式*。空心手杖表示期間內移動是正值 （值在接近開啟時高於值），填充的手杖表示期間內變更是負值 （值在接近開啟時低於值）。若要進一步了解，請參閱[差異的說明](https://thetradingbible.com/how-to-read-hollow-candlesticks)。

## 向上和向下顏色
<a name="v10-panels-candlestick-updown"></a>

**上調顏色**和**下調顏色**選項會選取價格移動上調或下調時要使用的顏色。上述*顏色策略*將決定使用期間內或期間間價格移動來選取蠟燭或 OHLC 長條顏色。

## 開啟、高、低、關閉
<a name="v10-panels-candlestick-ohlc"></a>

蠟燭面板會嘗試將欄位映射至適當的維度。
+ **Open** 對應至指定期間的起始值。
+ **高**對應至指定期間的最高值。
+ **低**對應至指定期間的最低值。
+ **關閉**對應至指定期間的最終 （結束） 值。
+ **磁碟區**對應至指定期間內的範例計數。（例如交易數量）

**注意**  
蠟燭圖例不會顯示這些值。

若要正確映射這些維度，資料中的查詢結果資料表必須至少包含**下列資料欄。
+ `timestamp`
+ `open`
+ `high`
+ `low`
+ `close`

如果您的資料因為某些原因而無法映射到這些維度 （例如，因為資料欄名稱不同），您可以使用面板編輯器中 **Candlestick** 選項下的**開啟**、**高**、**低**和**關閉**欄位手動映射。

## 其他欄位
<a name="v10-panels-candlestick-other"></a>

**其他欄位**

Candlestick 面板是以時間序列視覺化為基礎。它可以視覺化開啟、高、低、關閉和磁碟區以外的其他資料維度。**包含**和**忽略**選項允許它使用 中可用的相同樣式和組態，視覺化其他包含的資料，例如簡單的移動平均值、布林值帶等[時間序列](v10-panels-time-series.md)。

# Canvas
<a name="v10-panels-canvas"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

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

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

您可以在畫布上新增這些元素。新增多種不同類型的元素，可讓您以任何其他視覺效果無法自訂視覺效果。

**指標值**

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

**Text (文字)**

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

**橢圓**

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

**矩形**

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

**圖示**

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

**伺服器**

伺服器元素可讓您輕鬆代表單一伺服器、伺服器堆疊、資料庫或終端機。伺服器元素支援狀態顏色、燈泡顏色和燈泡閃爍速率，所有皆可依固定或欄位值設定。

**Button (按鈕)**

按鈕元素可讓您將基本按鈕新增至畫布。按鈕元素支援觸發基本、未驗證的 API 呼叫。您可以在按鈕元素編輯器中找到 API 設定。您也可以在 API 編輯器中傳遞範本變數。

**注意**  
選擇按鈕只會在停用內嵌編輯時觸發 API 呼叫。請參閱 [Canvas 編輯](#v10-panels-canvas-editing)。

## 連線
<a name="v10-panels-canvas-connections"></a>

建置畫布時，您可以將元素連接在一起，以建立更複雜的視覺化效果。您可以透過從一個元素的連線錨點拖曳到另一個元素的連線錨點來建立連線。您也可以建立與畫布背景的連線。當您將游標暫留在 元素上並開啟內嵌編輯時，會顯示連線錨點。若要移除連線，請選取連線，然後按 `Delete`或 `Backspace`。

您可以根據固定或欄位值來設定連線的大小和顏色。若要這樣做，請輸入面板編輯模式，選取連線，然後在面板編輯器中修改連線的屬性。

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

**內嵌編輯器**

您可以在儀表板模式中編輯畫布內嵌。

**平移和縮放**

然後，在畫布中開啟平移和縮放。這可讓您建立和導覽更複雜的設計。

**注意**  
Grafana 實驗室目前正在預覽平移和縮放。支援有限，重大變更可能會在一般可用性之前發生。

**內容功能表**

內容選單可讓您快速且有效率地執行常見任務。支援的功能包括開啟和關閉內嵌編輯器、複製 元素、刪除 元素等。

內容功能表由面板或指定畫布元素上的右鍵動作 （或同等動作） 觸發。

右鍵按一下*面板*時，您可以設定背景影像，並輕鬆將元素新增至畫布。

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

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

**內嵌編輯**

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

**資料連結**

畫布支援[資料連結](v10-panels-configure-data-links.md)。您可以依照下列步驟，為指標值元素建立資料連結，並針對使用欄位名稱的所有元素顯示它。

**建立 元素的資料連結**

1. 設定要繫結至欄位值的 元素。

1. 關閉內嵌編輯切換。

1. 為**名稱為 的欄位**建立覆寫，然後從清單中選擇元素欄位名稱。

1. 選擇 **\$1 新增覆寫屬性**按鈕。

1. 從清單中選取**資料連結 > 資料連結**。

1. 選擇 **\$1 新增連結**、新增資料連結的標題和 URL。

1. 將滑鼠游標暫留在 元素上，以顯示資料連結工具提示。

1. 選擇要能夠開啟資料連結的 元素。

如果多個元素使用相同的欄位名稱，而且您想要控制哪些元素顯示資料連結，您可以使用[從計算新增欄位](v10-panels-xform-functions.md#v10-panels-xform-funcs-add)轉換建立唯一的欄位名稱。您在轉換中建立的別名會顯示為可搭配 元素使用的欄位。

# 儀表板清單
<a name="v10-panels-dashboard-list"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

儀表板清單可讓您顯示其他儀表板的動態連結。清單可設定為使用星號儀表板、最近檢視的儀表板、搜尋查詢和儀表板標籤。

在每次儀表板載入時，此面板會查詢儀表板清單，並一律提供up-to-date結果。

**選項**

使用這些選項來精簡您的視覺化效果。
+ **包含目前時間範圍** – 選取此選項可將目前儀表板的時間範圍傳播至儀表板連結。當使用者選取連結時，連結的儀表板會開啟，並已設定指定的時間範圍。
+ **包含目前範本變數值** – 選取此選項，以在連結中包含目前用作查詢參數的範本變數。當使用者選取連結時，連結儀表板中的任何相符範本都會設定為清單中的值。如需詳細資訊，請參閱[儀表板 URL 變數](v10-dash-dashboard-url-variables.md)。
+ **星號** – 依字母順序顯示星號儀表板。
+ **最近檢視** – 依字母順序顯示最近檢視的儀表板。
+ **搜尋** – 依搜尋查詢或標籤顯示儀表板。您必須在**查詢**或**標籤**中至少輸入一個值。對於**查詢**和**標籤**欄位，支援變數插補，例如 `$my_var`或 `${my_var}`。
+ **顯示標題** – 所選清單選擇 （星星、最近檢視、搜尋） 會顯示為標題。
+ **項目上限** – 設定每個區段要列出的項目數量上限。例如，如果您將此值保留為預設值 10，並顯示 Starred 和最近檢視的儀表板，則面板最多會顯示 20 個儀表板，每個區段最多會顯示 10 個。

**搜尋**

只有在選取**搜尋**選項時，才會套用這些選項。
+ **查詢** – 輸入您要搜尋的查詢。查詢不區分大小寫，並接受部分值。
+ **資料夾** – 選取您要顯示的儀表板資料夾。
+ **標籤** – 以下是您輸入要搜尋的標籤的位置。現有的標籤不會顯示為您輸入，而且*區分*大小寫。

**注意**  
出現多個標籤和字串時，儀表板清單會顯示符合*所有*條件的標籤和字串。

# Datagrid
<a name="v10-panels-datagrid"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

**注意**  
Grafana 實驗室目前正在預覽資料網格視覺化。支援有限，重大變更可能會在一般可用性之前發生。

Datagrids 可讓您在 Grafana 中建立、編輯和微調資料。因此，此面板可以做為儀表板內其他面板的資料來源。

![\[顯示 Grafana 中資料網格視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/datagrid-panel-example.png)


透過它，您可以操作從任何資料來源查詢的資料，您可以從空白板塊開始，也可以從拖曳和捨棄的檔案提取資料。然後，您可以使用面板做為簡單的表格視覺化，也可以修改資料，甚至一併移除資料，以建立空白板塊。

編輯資料集會將資料來源變更為使用內建的 **Grafana** 資料來源，取代舊的資料來源設定和相關查詢，同時將目前的資料集複製到儀表板模型。

然後，您可以使用 面板做為其他面板的資料來源，方法是使用內建的 **Dashboard** 資料來源來提取資料網格資料。這可提供互動式儀表板體驗，您可以在其中修改資料，並查看反映在其他面板中的變更。

如需 **Grafana** 和**儀表板**資料來源的詳細資訊，請參閱 [特殊資料來源](AMG-data-sources.md#AMG-data-sources-special)。

## 內容功能表
<a name="v10-panels-datagrid-context"></a>

為了提供更簡化的體驗，資料網格有一個內容功能表，可以透過在儲存格、資料欄標頭或資料列選取器上按一下滑鼠右鍵來存取。根據資料網格的狀態，內容功能表提供不同的選項，包括下列項目。
+ 刪除或清除所有資料列和資料欄。
+ 移除所有現有的資料 （將資料網格轉譯為空白）。
+ 觸發搜尋功能，可讓您在資料集內尋找關鍵字。

刪除資料列或資料欄會從資料網格中移除資料，而清除資料列或資料欄只會從儲存格中移除資料，讓資料列或資料欄保持不變。

**標頭選單**

您也可以選擇標頭標題旁的下拉式清單圖示來存取標頭選單。從這裡，您不僅可以刪除或清除資料欄，還可以重新命名資料欄、凍結資料欄或轉換資料欄的欄位類型。

## 選取序列
<a name="v10-panels-datagrid-selectseries"></a>

如果有多個序列，您可以使用面板選項中的**選取序列**下拉式清單，將資料網格設定為顯示偏好的資料集。

## 使用資料網格
<a name="v10-panels-datagrid-using"></a>

Datagrids 提供多種與資料互動的方式。您可以編輯、移動、清除和移除資料列和資料欄；使用內建搜尋功能來尋找特定資料；轉換欄位類型或凍結特定資料欄上的水平捲動。

**新增資料**

您可以透過建立新的資料欄或資料列，將資料新增至資料網格。

**新增資料欄**

1. 在現有面板中，選擇最後一欄後資料表標頭中的 **\$1** 按鈕。

1. 為新資料欄新增名稱。

1. 選取欄位以外的任何位置，或按 `Enter` 儲存資料欄。

現在您可以在每個儲存格中新增資料。

若要新增資料列，請選擇最後一列後面的 **\$1** 按鈕。此按鈕會出現在最後一列之後的每個儲存格中，選擇按鈕會觸發建立新列，同時啟用您選擇的儲存格。

**編輯資料**

您可以視需要移動資料欄和資料列。

**移動資料欄**

1. 按住需要移動的資料欄標頭。

1. 將資料欄拖曳至所需的位置。

1. 放開 欄以完成移動。

若要移動資料列，請從網格最左側的數字欄選取並按住資料列選取器，然後將其拖曳至所需的位置。放開資料列以完成移動。

**選取多個儲存格**

您可以選擇單一儲存格，然後在其他儲存格之間拖曳，以選取多個儲存格。此選取項目可用來從選取的儲存格複製資料，或使用 `Delete`金鑰將其刪除。

**刪除或清除多個資料列或資料欄**

若要刪除或清除多個資料列，您可以執行下列動作。

**若要刪除或清除多個資料列或資料欄**

1. 將滑鼠游標暫留在數字欄 （網格中第一欄的左側） 上，以顯示資料列核取方塊。

1. 選取您要使用的資料列核取方塊。若要選取多個連續資料列，請按住 `Shift`鍵，同時按一下第一列和最後一列。若要選取非連續的資料列，請在按一下所需的資料列時按住 `Ctrl`（或 `Cmd`) 鍵。

1. 按一下滑鼠右鍵 （或同等項目） 以存取內容功能表。

1. 選取**刪除資料列**或**清除資料列**。

按一下資料欄標頭，即可將相同的規則套用至資料欄。

若要刪除所有資料列，請使用資料網格左上角的**全**選核取方塊。這會選取所有資料列，並允許您使用內容選單刪除它們。

# 火焰圖
<a name="v10-panels-flamegraph"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

火焰圖可讓您視覺化分析資料。使用此視覺化，設定檔可以表示為火焰圖、資料表或兩者。

![\[顯示 Grafana 中火焰圖視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/flamegraph-panel-example.png)


## 火焰圖模式
<a name="v10-panels-flamegraph-mode"></a>

火焰圖利用分析資料的階層性質。它將資料壓縮為 格式，可讓您在測量記憶體時輕鬆查看哪些程式碼路徑耗用最多的系統資源，例如 CPU 時間、配置的物件或空間。火焰圖中的每個區塊代表堆疊中的函數呼叫，其寬度代表其值。

灰階區段是一組代表相對較小值的函數，基於效能考量，它們會收合成一個區段。

您可以將滑鼠暫留在特定函數上，以檢視工具提示，顯示該函數的其他資料，例如函數的值、總值的百分比，以及具有該函數的樣本數量。

**下拉式清單動作**

您可以按一下 函數，以顯示具有其他動作的下拉式功能表：
+ **焦點區塊** – 當您選擇**焦點區塊**、區塊或函數時， 會設定為火焰圖寬度的 100%，且其所有子函數都會顯示，其寬度會相對於父函數的寬度更新。這可讓您更輕鬆地深入探討火焰圖的較小部分。
+ **複製函數名稱** – 當您選擇**複製函數名稱**時，會複製區塊代表的函數全名。
+ **堡壘檢視** – 堡壘檢視可讓您顯示所點選函數的內容。它在頂部顯示所有函數的呼叫者，在底部顯示所有呼叫者。這會顯示函數的彙總內容，因此如果函數存在於火焰圖中的多個位置，則所有內容都會在快照檢視中顯示和彙總。

**狀態列**

 狀態列會顯示有關火焰圖和目前套用修改的中繼資料，例如圖形的哪個部分是焦點，或快照檢視中顯示的函數。按一下狀態列支柱中的 **X** 以移除該修改。

## 工具列
<a name="v10-panels-flamegraph-toolbar"></a>

**搜尋**

您可以使用搜尋欄位來尋找具有特定名稱的函數。火焰圖中符合搜尋的所有函數都會保持彩色，而其餘函數則會呈現灰色。

**顏色結構描述選擇器**

您可以依函數的值或套件名稱切換著色函數，以視覺化方式將來自相同套件的函數繫結在一起。

**文字對齊**

將文字向左或向右對齊，以在不符合區塊時顯示函數名稱的更多重要部分。

**視覺化挑選器**

您可以選擇僅顯示火焰圖、僅顯示資料表或同時顯示兩者。

## 頂端資料表模式
<a name="v10-panels-flamegraph-toptablemode"></a>

頂端資料表以資料表格式顯示設定檔中的函數。資料表有三個資料欄：符號、自我和總計。根據預設，資料表會依自我時間排序，但可以透過按一下欄標頭，依總時間或符號名稱重新排序。如果函數出現在設定檔的多個位置，則每一列代表指定函數的彙總值。

每一列左側也有動作按鈕。第一個按鈕會搜尋函數名稱，而第二個按鈕會顯示函數的潛艇堡檢視。

## Data API (資料 API)
<a name="v10-panels-flamegraph-dataapi"></a>

若要轉譯火焰圖，您必須使用[巢狀集模型](https://wikipedia.org/wiki/Nested_set_model)格式化資料框架資料。

巢狀集合模型可確保火焰圖的每個項目僅透過其巢狀層級編碼為整數值、其中繼資料，以及其在資料框架中的順序。這表示項目的順序很重要，而且必須正確。排序是火焰圖中項目的深度優先周遊，該周遊會重新建立圖形，而不需要像子系陣列一樣的資料框架中的可變長度值。

必要欄位：


| 欄位名稱 | Type | 說明 | 
| --- | --- | --- | 
| level | number | 項目的巢狀層級。換言之，此項目與火焰圖的頂端項目之間有多少項目。 | 
| value | number | 項目的絕對或累積值。這會轉換為圖形中項目的寬度。 | 
| label | string | 針對特定項目顯示的標籤。 | 
| self | number | 自我值，通常是項目的累積值減去其直屬子項的累積值總和。 | 

# 量測計
<a name="v10-panels-gauge"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

量測計是單一值視覺化效果，可以為每個序列、資料欄或資料列重複量測計。

![\[顯示 Grafana 中量測計視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/gauge_example.png)


## 值選項
<a name="v10-panels-gauge-value"></a>

使用下列選項來精簡視覺化顯示值的方式：

**Show (顯示)**

選擇 Grafana 顯示資料的方式。

*計算*

顯示以所有資料列為基礎的計算值。
+ **計算** – 選取 Grafana 將用於將許多欄位減少為單一值的縮減器函數。如需可用計算的清單，請參閱 [計算類型](v10-panels-calculation-types.md)。
+ **欄位** – 選取要在面板中顯示的欄位。

*所有值*

顯示每一列的個別統計資料。如果選取此選項，您也可以限制要顯示的列數。
+ **限制** – 要顯示的列數上限。預設為 5，000。
+ **欄位** – 選取要在面板中顯示的欄位。

## 量測計
<a name="v10-panels-gauge-gauge"></a>

調整計量的顯示方式。

**Orientation (方向)**

選擇堆疊方向。
+ **Auto** – 測量資料列和資料欄的顯示。
+ **水平** – 測量從上到下顯示。
+ **垂直** – 測量從左到右的顯示。

**顯示閾值標籤**

控制是否顯示閾值。

**顯示閾值標記**

控制閾值範圍是否顯示在內部量測計值範圍之外。

**計量大小**

選擇量值大小模式
+ **自動** – Grafana 會決定最佳規格大小。
+ **手動** – 手動設定量測計大小。

**最小寬度**

設定垂直方向量測計的最小寬度。

如果您設定最小寬度，當有大量資料時，會自動顯示 x 軸捲軸。

**注意**  
此選項僅適用於將量測計大小設定為手動時。

**最小高度**

Se 水平方向量測器的最小高度。

如果您設定最小高度，當有大量資料時，系統會自動顯示 y 軸捲軸。

**注意**  
此選項僅適用於將量測計大小設定為手動時。

**中立**

設定要從中填入每個量計的起始值。

## 文字大小
<a name="v10-panels-gauge-textsize"></a>

調整量測計文字的大小。
+ **標題** – 輸入計量標題大小的數值。
+ **值** – 輸入計量值大小的數值。

# 地理貼圖
<a name="v10-panels-geomap"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

地理地圖可讓您使用地理空間資料來檢視和自訂世界地圖。您可以設定各種浮水印樣式和地圖檢視設定，以輕鬆專注於資料的重要位置型特性。

**注意**  
您可以在 提供的基礎貼圖層之上新增自己的地理空間資料 AWS。基礎貼圖層必須全部來自 https：//[https://tiles.maps.search-services.aws.a2z.com](https://tiles.maps.search-services.aws.a2z.com)。

![\[顯示 Grafana 中 geomap 視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/geomap-panel-example.png)


## 地圖檢視
<a name="v10-panels-geomap-view"></a>

當儀表板載入時，地圖檢視會控制地圖的初始檢視。

**初始檢視**

初始檢視會設定第一次載入面板時 GeoMap 面板轉譯的方式。
+ **檢視**會在面板第一次載入時設定地圖的中心。
  + **符合資料** 根據映射層的資料範圍來調整映射檢視，並在資料變更時更新。
    + **資料**選項允許根據來自*所有圖層*的資料、單一*圖層*或所選圖層的*最後一個值*來選擇範圍。
    + 如果從單一**圖**層或*圖層*的*最後一個值*調整資料，則可以選取圖層。
    + **填補**會將填補設定為超出資料範圍的相對百分比 （僅在查看*最後一個值*時無法使用）。
    + **最大縮放**會在調整資料時設定最大縮放層級。
  + **座標**會根據下列項目設定地圖檢視：
    + **緯度**
    + **經度**
  + 預設檢視也可供使用，包括：
    + **(0°、0°)**
    + **北美洲**
    + **南美洲**
    + **歐洲**
    + **非洲**
    + **西亞**
    + **南亞**
    + **東南亞**
    + **東亞**
    + **澳洲**
    + **大洋洲**
+ **縮放**會設定初始縮放層級。

## 映射層
<a name="v10-panels-geomap-layers"></a>

地理貼圖支援顯示多個圖層。每個圖層都會決定如何在基礎地圖上方視覺化地理空間資料。

**類型**

在 Geomap 視覺化中，有三種地圖層類型可供選擇。
+ [標記圖層](#v10-panels-geomap-markers) 在每個資料點轉譯標記。
+ [熱度圖層](#v10-panels-geomap-heatmap) 視覺化資料的熱度圖。
+ [GeoJSON 層](#v10-panels-geomap-geojson) 會從 GeoJSON 檔案轉譯靜態資料。
+ [夜間/日間圖層 (Alpha)](#v10-panels-geomap-nightday) 會轉譯夜間或日間區域。
+ [Route layer （預覽版）](#v10-panels-geomap-route) 將資料點轉譯為路由。
+ [相片層 （預覽）](#v10-panels-geomap-photos) 會在每個資料點轉譯相片。
+ [網路層 （預覽）](#v10-panels-geomap-network) 從資料視覺化網路圖形。

還有兩種實驗性 （或 Alpha) 層類型。
+ **最後一個點的圖示 (alpha)** 會在最後一個資料點轉譯圖示。
+ **動態 GeoJSON (alpha)** 會根據查詢結果來樣式 GeoJSON 檔案。

**注意**  
在公開*預覽*中標記為預覽或 *Alpha* 的圖層。Grafana Labs 提供有限的支援，且在功能全面推出之前可能會發生重大變更。

**Layer 控制項**

圖層控制項可讓您建立圖層、變更其名稱、重新排序和刪除圖層。
+ **新增圖層**會為 geomap 建立額外的可設定資料圖層。當您新增圖層時，系統會提示您選取圖層類型。您可以在面板組態期間隨時變更圖層類型。
+ 圖層控制項可讓您重新命名、刪除和重新排序面板的圖層。
  + **編輯圖層名稱** （鉛筆圖示） 會重新命名圖層。
  + **垃圾桶**會刪除 layer。
  + **重新排序** （六個點/抓取控點） 可讓您變更圖層順序。較高層上的資料會顯示在較低層上的資料上方。視覺化會在您拖放時更新圖層順序，以協助簡化選擇圖層順序。

您可以將多層資料新增至單一 geomap 面板，以建立豐富且詳細的視覺化效果。

**位置**

地理地圖需要地理資料來源。此資料來自資料庫查詢，您的資料有四個映射選項。
+ **自動**搜尋位置資料。當您的查詢是以下列其中一個資料欄位名稱為基礎時，請使用此選項。
  + *geohash*： `geohash`
  + *緯度*：`latitude`、 `lat`
  + *經度*：`longitude`、`lng`、 `lon`
  + *查詢*： `lookup`
+ **Coords** 指定您的查詢保留座標資料。系統會提示您從資料庫查詢中選取緯度和經度的數值資料欄位。
+ **Geohash** 指定您的查詢保留地理雜湊資料。系統會提示您從資料庫查詢中選取 geohash 的字串資料欄位。
+ **查詢**指定您的查詢會保留需要映射到值的位置名稱資料。系統會提示您從資料庫查詢和 gazetteer 選取查詢欄位。Gazetteer 是用來將查詢資料映射至地理點的目錄。

## 標記圖層
<a name="v10-panels-geomap-markers"></a>

標記層可讓您將資料點顯示為不同的標記形狀，例如圓圈、方形、三角形、星星等。

標記有許多自訂選項。
+ **大小**會設定標記的大小。預設值為 `Fixed size`，這使得所有標記大小都相同，無論資料為何；不過，也有根據對應於所選欄位的資料來調整標記大小的選項。 `Min`和 `Max`標記大小必須設定，以便標記層可以在此範圍內擴展。
+ **Symbol** 可讓您選擇符號、圖示或圖形，以協助為資料提供額外的視覺化內容。從 Grafana 隨附的資產中選擇，例如簡單的符號或 Unicon 程式庫。您也可以指定包含映像資產的 URL。影像必須是可擴展的向量圖形 (SVG)。
+ **Symbol Vertical Align** 會設定符號相對於資料點的垂直對齊。請注意，符號的旋轉角度會先在資料點周圍套用，然後垂直對齊會相對於符號的旋轉套用。
+ **符號水平對齊**可設定符號相對於資料點的水平對齊。請注意，先在資料點周圍套用符號的旋轉角度，然後套用相對於符號旋轉的水平對齊。
+ **顏色**設定標記的顏色。預設會將所有標記`Fixed color`設定為特定顏色。您也可以選擇具有條件式顏色，具體取決於選取的欄位資料點值，以及**標準選項**區段中設定的色彩配置。
+ **Fill 不透明度**會設定每個標記的透明度。
+ **旋轉角度**會設定每個標記的旋轉角度。預設值為**固定值**，可讓所有標記旋轉至相同角度，無論資料為何；不過，也有一個選項可根據對應於所選欄位的資料來設定標記的旋轉。
+ **文字標籤**會設定每個標記的文字標籤。
+ **顯示圖例**可讓您切換圖層的圖例。
+ **顯示工具提示**可讓您切換圖層的工具提示。

## 熱度圖層
<a name="v10-panels-geomap-heatmap"></a>

熱度圖層會叢集各種資料點，以視覺化具有不同密度的位置。

![\[顯示使用 Grafana 中 geomap 視覺化的熱度圖範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/geomap-heatmap-example.png)


若要新增熱度圖層：

在 Data Layer 下的下拉式選單中選擇 ，然後選取 `Heatmap`。

與 類似`Markers`，系統會提示您使用選項來決定要視覺化哪些資料點，以及您希望如何視覺化這些資料點。
+ **權重值**會設定熱度圖叢集的強度。**固定值**會保留所有資料點的固定權重值。此值應介於 0-1 的範圍內。與標記類似，下拉式清單中有一個替代選項，可根據資料值自動擴展權重值。
+ **Radius** 會設定熱度圖叢集的大小。
+ **模糊**會設定每個叢集上的模糊程度。
+ **不透明度**會設定每個叢集的不透明度。
+ **顯示工具提示**可讓您切換圖層的工具提示。

## GeoJSON 層
<a name="v10-panels-geomap-geojson"></a>

GeoJSON layer 可讓您從檔案系統選取和載入靜態 GeoJSON 檔案。
+ **GeoJSON URL** 提供 Grafana 隨附的 GeoJSON 檔案選擇。
+ **預設樣式**控制當以上規則不相符時要套用的樣式。
  + **顏色**設定預設樣式的顏色
  + **不透明度**設定預設不透明度
+ **樣式規則**會根據特徵屬性套用樣式
  + **規則**可讓您從 GeoJSON 檔案選取*功能*、*條件*和*值*，以定義規則。垃圾桶圖示可用來刪除目前的規則。
  + **顏色** 設定目前規則樣式的顏色
  + **不透明度**會設定目前規則的透明度層級。
+ **新增樣式規則**會建立其他樣式規則。
+ **顯示工具提示**可讓您切換圖層的工具提示。

## 夜間/日間圖層 (Alpha)
<a name="v10-panels-geomap-nightday"></a>

夜間/日間圖層會根據目前時間範圍顯示夜間和日間區域。

![\[顯示使用 Grafana 中 geomap 視覺化的夜間/日間圖層範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/geomap-day-night-example.png)


**選項**
+ **Show** 會從面板時間範圍切換時間來源。
+ **夜間區域顏色**會挑選夜間區域的顏色。
+ **顯示太陽**切換太陽圖示。
+ **不透明度**從 0 （透明） 到 1 （不透明）。
+ **顯示工具提示**可讓您切換圖層的工具提示。

**注意**  
如需詳細資訊，請參閱 [ OpenLayers - DayNight 的延伸](https://viglino.github.io/ol-ext/examples/layer/map.daynight.html)模組。

## Route layer （預覽版）
<a name="v10-panels-geomap-route"></a>

Route layer 會將資料點轉譯為路由。

**注意**  
Route layer 目前為公開預覽。Grafana Labs 提供的支援有限，而且中斷變更可能會在功能全面推出之前發生。

![\[顯示使用 Grafana 中 geomap 視覺化的路由層範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/geomap-route-layer-example.png)


**選項**
+ **大小**會設定路由厚度。預設已修正值。選取欄位資料時，您可以設定欄位資料可以擴展的最小和最大範圍。
+ **顏色**設定路由顏色。根據預設，設定為固定顏色，您也可以將顏色與欄位資料綁定。
+ **填補不透明度**會設定路由的不透明度。
+ **文字標籤**會為每個路由設定文字標籤。
+ **Arrow** 會設定箭頭樣式，以資料順序沿著路由顯示。
  + **無**
  + **轉送**
  + **反向**
+ **顯示工具提示**可讓您切換圖層的工具提示。

**注意**  
如需詳細資訊，請參閱 [ OpenLayers 的延伸 - 流程行樣式](http://viglino.github.io/ol-ext/examples/style/map.style.gpxline.html)。

## 相片層 （預覽）
<a name="v10-panels-geomap-photos"></a>

Photos layer 會在每個資料點轉譯相片。

**注意**  
Photos layer 目前為公開預覽。Grafana Labs 提供的支援有限，而且中斷變更可能會在功能全面推出之前發生。

**選項**
+ **影像來源欄位**可讓您選取字串欄位，其中包含影像資料做為 Base64 編碼的影像二進位 (`data:image/png;base64,...`)。
+ **Kind** 會設定影像周圍的影格樣式。可選擇以下方式：
  + **平方**
  + **Circle (圓形)**
  + **錨定**
  + **Folio**
+ **裁剪**會切換影像是否裁剪以符合。
+ **Shadow** 會在影像後方切換方塊陰影。
+ **邊界**設定影像周圍的邊界大小。
+ **邊界顏色**設定影像周圍的邊界顏色。
+ **Radius** 會以像素為單位設定影像的整體大小。
+ **顯示工具提示**可讓您切換圖層的工具提示。

**注意**  
如需詳細資訊，請參閱 [ OpenLayers 的延伸模組 - 影像相片樣式](http://viglino.github.io/ol-ext/examples/style/map.style.photo.html)。

## 網路層 （預覽）
<a name="v10-panels-geomap-network"></a>

網路層轉譯網路圖形。此圖層支援節點圖形視覺化支援的相同資料格式，並新增節點資料中包含的地理空間資料。地理空間資料用於尋找和轉譯地圖上的節點。

**注意**  
網路層目前為公開預覽。Grafana Labs 提供的支援有限，而且中斷變更可能會在功能全面推出之前發生。

![\[顯示 Grafana 中 geomap 內網路視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/geomap-network-layer-example.png)


**注意**  
網路層目前為公開預覽。Grafana Labs 提供的支援有限，而且中斷變更可能會在功能全面推出之前發生。

**選項**
+ **Arrow** 會設定每個邊緣顯示的箭頭方向，並將意義來源轉送至目標。可選擇以下方式：
  + **無**
  + **轉送**
  + **反向**
  + **兩者**
+ **顯示圖例**可讓您切換 layer 的圖例。圖例僅支援節點資料。
+ **顯示工具提示**可讓您切換圖層的工具提示。

**節點樣式**
+ **大小**會設定節點的大小。預設值為**固定大小**，無論資料為何，所有節點大小都相同；不過，也有根據對應於所選欄位的資料來調整節點大小的選項。必須設定**最小**和**最大**節點大小，以便節點可以在此範圍內擴展。
+ **顏色**設定節點的顏色。預設值為**固定顏色**，將所有節點設定為特定顏色。在**標準**選項區段中，也可以根據選取的欄位資料點值和顏色方案集，選擇具有條件式顏色。
+ **Symbol** 可讓您選擇符號、圖示或圖形，以協助為資料提供額外的視覺化內容。從 Grafana 隨附的資產中選擇，例如簡單的符號或 Unicon 程式庫。您也可以指定包含映像資產的 URL。影像必須是可擴展的向量圖形 (SVG)。
+ **填補不透明度**會設定每個節點的透明度。
+ **旋轉角度**會設定每個節點的旋轉角度。預設值為**固定值**，可讓所有節點旋轉至相同角度，無論資料為何；不過，也有選項可根據對應於所選欄位的資料來設定節點的旋轉。
+ **文字標籤**會設定每個節點的文字標籤。

**邊緣樣式**
+ **大小**會設定邊緣的線條寬度。預設值為**固定大小**，這使得所有邊緣線寬度無論資料為何都相同；不過，也有根據對應於所選欄位的資料來調整邊緣大小的選項。必須設定**最小**和**最大**邊緣大小，才能在此範圍內擴展邊緣。
+ **顏色** 設定邊緣的顏色。預設值為**固定顏色**，將所有邊緣設定為特定顏色。在**標準**選項區段中，也可以根據選取的欄位資料點值和顏色方案集，選擇具有條件式顏色。
+ **填補不透明度**會設定每個邊緣的透明度。
+ **文字標籤**會設定每個邊緣的文字標籤。

## CARTO 層
<a name="v10-panels-geomap-carto"></a>

Amazon Managed Grafana 不支援 CARTO 層。

## XYZ 並排圖層
<a name="v10-panels-geomap-xyz"></a>

Amazon Managed Grafana 不支援 XYZ 並排圖層。

## Open Street Map layer
<a name="v10-panels-geomap-osm"></a>

Amazon Managed Grafana 不支援 Open Street Map layer （預設型地圖除外）。

## ArcGIS 層
<a name="v10-panels-geomap-arcgis"></a>

Amazon Managed Grafana 不支援 ArcGIS 層。

## 地圖控制
<a name="v10-panels-geomap-controls"></a>

地圖控制區段包含地圖資訊和工具浮水印的各種選項。

**Zoom**

縮放控制項的選項。

*顯示縮放控制*

在左上角顯示縮放控制項。

*滑鼠滾輪縮放*

使用滑鼠滾輪開啟或關閉以放大或縮小。

**顯示屬性**

在地圖上顯示基礎貼圖層的屬性。

**顯示擴展**

在左下角顯示比例資訊。

**注意**  
以 【m】/【km】 顯示單位。

**顯示度量工具**

在右上角顯示度量工具。只有當此控制項開啟時，才會顯示測量。
+ **按一下**以開始測量
+ **繼續按一下**以繼續測量
+ **按兩下**以結束測量

**注意**  
當您變更測量類型或單位時，先前的測量會從映射中移除。  
如果控制項已關閉，然後重新開啟，則會顯示最新的測量結果。  
您可以透過按一下並拖曳來修改測量。

*長度*

取得幾何的球形長度。此長度是座標之間大圓距離的總和。對於分段幾何，長度是每個部分的長度總和。幾何假設為「EPSG：3857」。

您可以選擇下列單位進行長度測量：
+ **指標 (m/km)**
+ **英尺 （英尺）**
+ **英里 (mi)**
+ **海域英里 (nmi)**

*Area*

取得幾何的球形區域。此面積的計算假設多邊形邊緣是球體上大圓的區段。幾何假設為「EPSG：3857」。

您可以選擇下列單位進行區域測量：
+ **平方公尺 (m2)**
+ **平方公里 (km2)**
+ **平方英呎 (ft2)**
+ **平方英里 (mi2)**
+ **英畝 （英畝）**
+ **公頃 (ha)**

**顯示除錯**

在地圖的右上角顯示偵錯資訊。這對於偵錯或驗證資料來源非常有用。
+ **縮放**會顯示地圖目前的縮放層級。
+ **中心**會顯示地圖中心的目前**經度**和**緯度**。

**Tooltip (工具提示)**
+ 只有在按一下資料點時，**才會**顯示工具提示。
+ 當指標停留在資料點上時，**詳細資訊**會顯示工具提示。

# 熱度圖
<a name="v10-panels-heatmap"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Heatmap 面板視覺化可讓您檢視一段時間內的長條圖。如需長條圖的詳細資訊，請參閱 [直方圖和熱度圖簡介](getting-started-grafanaui.md#introduction-to-histograms-and-heatmaps)。

![\[顯示 Grafana 中熱度圖視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/heatmap_example.jpg)


## 從資料計算
<a name="v10-panels-heatmap-calculate"></a>

此設定會決定資料是否已是計算的熱度圖 （來自資料來源/轉換器），還是應該在面板中計算的資料。

**X 儲存貯體**

此設定決定 X 軸如何分割為儲存貯體。您可以在**大小**輸入中指定時間間隔。例如， 的時間範圍`1h`會使 X 軸上的儲存格變寬 1 小時。

**Y 儲存貯體**

此設定決定如何將 Y 軸分割為儲存貯體。

**Y 儲存貯體擴展**

選取下列其中一個 Y 軸值比例：
+ **線性** – 線性擴展。
+ **log （基礎 2)** – 使用基礎 2 進行對數擴展。
+ **log （基礎 10)** – 以基礎 10 進行對數擴展。
+ **symlog**：Symlog 擴展。

## Y 軸
<a name="v10-panels-heatmap-y-axes"></a>

定義 Y 軸的顯示方式

**配置**
+ **左側** – 在左側
+ **右側** – 在右側
+ **隱藏** – 隱藏

**單位**

單位組態

**小數位數**

此設定會決定十進位組態。

**最小值/最大值**

此設定會設定軸範圍。

**反向**

選取時，軸會以相反順序顯示。

**顯示多個 y 軸**

在某些情況下，您可能想要顯示多個 y 軸。例如，如果您的資料集同時顯示溫度和濕度隨時間的變化，您可能需要為這兩個序列顯示兩個具有不同單位的 y 軸。

您可以[新增欄位覆寫](v10-panels-configure-overrides.md)來執行此操作。視需要多次遵循步驟，以視需要新增任意數量的 y 軸。

## 顏色
<a name="v10-panels-heatmap-colors"></a>

顏色光譜控制值計數 （在每個儲存貯體中） 與指派給每個儲存貯體的顏色之間的映射。光譜上最左邊的顏色代表最小計數，而右邊的顏色代表最大計數。某些顏色方案在使用光線佈景主題時會自動反轉。

您也可以將顏色模式變更為不透明度。在此情況下，顏色不會變更，但不透明度量會隨著儲存貯體計數而變更
+ **Mode (模式)**
  + **結構描述** – 由儲存格顏色表示的儲存貯體值。
    + **結構描述** – 如果模式是**結構描述**，則選取顏色結構描述。
  + **不透明度** – 由儲存格不透明度表示的儲存貯體值。不透明儲存格表示最大值。
    + **顏色** – 儲存格基底顏色。
    + **縮放** – 將儲存貯體值映射至不透明度的縮放。
      + **線性** – 線性縮放。儲存貯體值會線性映射至不透明度。
      + **sqrt** – 功率擴展。儲存格不透明度計算為 `value ^ k`，其中 `k`是設定的**指數**值。如果指數小於 `1`，您會收到對數縮放。如果指數大於 `1`，您會收到指數擴展。如果是 `1`，擴展將與線性相同。
    + **指數** – 指數的值，大於 `0`。

**從值開始/結束顏色**

根據預設，Grafana 會根據最小和最大儲存貯體值來計算儲存格顏色。使用 Min 和 Max，您可以覆寫這些值。將儲存貯體值分別視為 Z 軸，將最小值和最大值分別視為 Z-Min 和 Z-Max。
+ **Start** – 使用 計算儲存格顏色的最小值。如果儲存貯體值小於最小值，則會映射到「最小值」顏色。系列最小值是預設值。
+ **結束** – 使用 計算儲存格顏色的最大值。如果儲存貯體值大於最大值，則會映射至「最大值」顏色。系列最大值是預設值。

## 儲存格顯示
<a name="v10-panels-heatmap-cell"></a>

使用這些設定來精簡您的視覺化效果。

## 其他顯示選項
<a name="v10-panels-heatmap-options"></a>

**Tooltip (工具提示)**
+ **顯示工具提示** – 顯示熱度圖工具提示。
+ **顯示直方圖** – 在工具提示上顯示 Y 軸直方圖。直方圖代表特定時間戳記的儲存貯體值分佈。
+ **顯示色階** – 在工具提示上顯示色階。色階代表儲存貯體值和顏色之間的映射。

**圖例**

選擇是否要在視覺效果上顯示熱度圖圖例。

**範例**

設定用來顯示範例資料的顏色。

# 直方圖
<a name="v10-panels-histogram"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

長條圖視覺化會計算值的分佈，並將其呈現為長條圖。Y 軸和每個長條的高度代表落在每個括號中的值計數，而 X 軸代表值範圍。

![\[顯示 Grafana 中長條圖視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/histogram-example.png)


## 支援的格式
<a name="v10-panels-histogram-formats"></a>

直方圖視覺化支援具有一或多個數值欄位的時間序列和任何資料表結果。

## 顯示選項
<a name="v10-panels-histogram-options"></a>

使用這些選項來精簡您的視覺化效果。

**儲存貯體大小**

儲存貯體的大小。對於自動調整儲存貯體大小 （約完整範圍的 10%)，請保留此空白。

**儲存貯體位移**

如果第一個儲存貯體不應從零開始。非零位移會轉移彙總視窗。例如，大小為 0–5、5–10、10–15 且預設偏移量為 0 的 5 個儲存貯體會變成 2–7、7–12、12–17，偏移量為 2；在此情況下，偏移量為 0、5 或 10 實際上不會執行任何動作。一般而言，此選項會與明確定義的儲存貯體大小搭配使用，而不是自動。若要讓此設定生效，偏移量應大於 0 且小於儲存貯體大小；超出此範圍的值將與此範圍內的值具有相同的效果。

**合併序列**

這會將所有序列和欄位合併為合併的長條圖。

**線條寬度**

控制長條的線條寬度。

**填補不透明度**

控制長條的填充不透明度。

**漸層模式**

設定漸層填滿的模式。填充漸層是根據線條顏色。若要變更顏色，請使用標準顏色方案欄位選項。漸層外觀會受到**填滿不透明度**設定的影響。
+  **無 ** – 無漸層填充，這是預設設定。
+  **不透明度** – 漸層的透明度是根據 Y 軸上的值計算。填充的不透明度隨著 Y 軸上的值而增加。
+  **Hue** – 根據線條顏色的色調產生漸層顏色。

## 圖例選項
<a name="v10-panels-histogram-legend"></a>

啟用圖例選項時，可以顯示值映射或閾值括號。若要在圖例中顯示值映射，請務必將標準選項下的色彩配置選項設定為單一顏色或傳統調色盤。若要查看圖例中的閾值括號，請將顏色方案設定為從閾值。如需圖例的詳細資訊，請參閱[設定圖例](v10-panels-configure-legend.md)。

**圖例模式**

使用這些設定來定義圖例在視覺化中的顯示方式。
+  **清單 ** – 將圖例顯示為清單。這是圖例的預設顯示模式。
+  **資料表** – 將圖例顯示為資料表。
+  **隱藏** – 隱藏圖例。

**圖例置放**

選擇要放置圖例的位置。
+  **底部 ** – 圖表下方。
+  **右側** – 圖形右側。

**圖例值**

選擇要在圖例中顯示的標準計算。您可以有多個 。如需詳細資訊，請參閱[計算類型](v10-panels-calculation-types.md)。

**圖例計算**

選擇要在圖例中顯示的計算。您可以選取多個。

# 日誌
<a name="v10-panels-logs"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

日誌面板視覺化顯示來自支援日誌之資料來源的日誌行，例如 Elastic、Influx 和 Loki。一般而言，您會在圖形面板旁使用此面板來顯示相關程序的日誌輸出。

日誌面板會顯示在查詢索引標籤上輸入的**查詢**結果。多個查詢的結果會合併並依時間排序。如果資料來源傳回的行數超過可顯示的行數，您可以在面板內捲動。

若要限制轉譯的行數，您可以使用**查詢選項**中的**最大資料點**設定。如果未設定，資料來源通常會強制執行預設限制。

## 日誌層級
<a name="v10-panels-logs-level"></a>

對於指定**關**卡標籤的日誌，我們使用標籤的值來確定日誌關卡並相應地更新顏色。如果日誌未指定關卡標籤，我們會嘗試查明其內容是否符合任何支援的表達式 （如需詳細資訊，請參閱下方）。日誌層級一律由第一個相符項目決定。如果 Grafana 無法判斷日誌層級，則會使用**未知**的日誌層級將其視覺化。如需詳細資訊，請參閱[日誌層級](v10-explore-logs.md#v10-explore-log-level)。

## 日誌詳細資訊
<a name="v10-panels-logs-details"></a>

每個日誌列都有一個可擴展的區域，其中包含其標籤和偵測到的欄位，以進行更強大的互動。每個欄位或標籤都有一個統計資料圖示，可顯示與所有顯示日誌相關的統計資料。

**資料連結**

透過使用資料連結，您可以將日誌訊息的任何部分轉換為內部或外部連結。建立的連結會在**日誌詳細資訊**檢視內的**連結**區段中顯示為按鈕。

**顯示選項**

使用下列設定來精簡您的視覺化效果：
+ **時間** – 顯示或隱藏時間欄。這是從資料來源回報的與日誌行相關聯的時間戳記。
+ **唯一標籤** – 顯示或隱藏唯一標籤欄，只顯示非常見標籤。
+ **一般標籤** – 顯示或隱藏一般標籤
+ **包裝線** – 切換包裝線。
+ **Prettify JSON** – 將此設為 `true`可列印所有 JSON 日誌。此設定不會影響 JSON 以外的任何格式日誌。
+ **啟用日誌詳細資訊** – 切換選項以查看每個日誌資料列的日誌詳細資訊檢視。預設設定為 `true`。
+ **順序** – 以遞減或遞增時間順序顯示結果。預設值為**遞減**，首先顯示最新的日誌。設定為**遞增**以先顯示最舊的日誌行。

# 新聞
<a name="v10-panels-news"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

新聞視覺效果會顯示 RSS 摘要。根據預設，它會顯示來自 Grafana 實驗室部落格的文章，使用者可以輸入不同的 RSS 摘要 URL 來變更此項目。

在**顯示**區段中輸入 RSS 的 URL。此視覺化類型不接受任何其他查詢，使用者不應預期能夠以任何方式使用此視覺化來篩選或查詢 RSS 摘要資料。

**注意**  
RSS 摘要由 Grafana 前端載入，無需代理。因此，只會載入使用適當 [CORS 標頭設定的 ](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)RSS 摘要。如果您嘗試顯示的 RSS 摘要無法載入，請考慮重新託管 RSS 摘要或建立您自己的代理。

# 節點圖形
<a name="v10-panels-node-graph"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

節點圖形可以視覺化導向圖形或網路。它們使用導向力配置來有效地定位節點，以便它們可協助顯示複雜的基礎設施地圖、階層或執行圖表。

## 資料要求
<a name="v10-panels-node-graph-requirements"></a>

節點圖形需要特定形狀的資料，才能顯示其節點和邊緣。並非所有資料來源或查詢都可以使用此圖表視覺化。如果您想要將此用作資料來源開發人員，請參閱有關資料 API 的一節。

節點圖形由*節點*和*邊緣*組成。
+ *節點*會顯示為圓圈。從應用程式角度來看，節點可能代表應用程式、服務或任何其他相關項目。
+ *邊緣*顯示為連接兩個節點的行。連線可能是請求、 操作或兩個節點之間的一些其他關係。

節點和邊緣都可以有相關聯的中繼資料或統計資料。資料來源定義顯示哪些資訊和值，因此不同的資料來源可以顯示不同類型的值或不顯示某些值。

## 節點
<a name="v10-panels-node-graph-nodes"></a>

通常，節點會在節點內顯示兩個統計值，並在節點正下方顯示兩個識別符，通常是名稱和類型。節點也可以將另一組值顯示為節點周圍的顏色圓圈，不同顏色的區段代表應加到 1 的不同值。例如，您可以擁有由圓圈紅色部分表示的錯誤百分比。

其他詳細資訊可以顯示在內容選單中，當您選擇節點時會顯示。內容功能表中也可以有其他連結，可以鎖定 Grafana 工作區的其他部分或任何外部連結。

**注意**  
節點圖形只能顯示 1，500 個節點。如果超過此限制，則會在右上角顯示警告，而且某些節點將會隱藏。您可以按一下圖形中的**隱藏節點**標記來展開圖形的隱藏部分。

## Edges (邊)
<a name="v10-panels-node-graph-edges"></a>

當您將游標暫留在邊緣上時，邊緣也可以顯示統計資料。與節點類似，您可以透過選擇邊緣來開啟內容選單，其中包含其他詳細資訊和連結。

支援此視覺化的第一個資料來源是其服務映射功能的 AWS X-Ray 資料來源。如需詳細資訊，請參閱[連線至 AWS X-Ray 資料來源](x-ray-data-source.md)。

## 導覽節點圖形
<a name="v10-panels-node-graph-navigation"></a>

**平移**

您可以在任何節點或邊緣之外選擇並拖曳指標，以在節點圖形內平移。

**放大或縮小**

您可以使用節點圖形左上角的按鈕來縮放，或使用滑鼠滾輪或其他捲動輸入搭配 `Ctrl`（或 `Cmd`) 鍵。

**探索隱藏的節點**

在特定時間顯示的節點數量受到限制，以維持合理的效能。超出此限制的節點會隱藏在可選取標記後面，這些標記會顯示連線到該邊緣的大約隱藏節點數量。您可以選擇標記來展開該節點周圍的圖形。

**網格檢視**

您可以切換到網格檢視，以更清楚地了解圖形中最有趣的節點。網格檢視會顯示網格中沒有邊緣的節點，並可依節點內顯示的統計資料或節點彩色邊界表示的統計資料進行排序。

若要排序節點，請選擇圖例中的統計資料。統計名稱 ( `˄`或 `˅`) 旁的標記會顯示目前用於排序和排序方向的統計資訊。

選擇節點，然後選取**在圖形中顯示配置**選項，以切換回以所選節點為焦點的圖形配置，以在完整圖形的內容中顯示。

## Data API (資料 API)
<a name="v10-panels-node-graph-data-api"></a>

此視覺化需要從資料來源傳回特定形狀的資料，才能正確顯示資料。

Node Graph 至少需要描述圖形邊緣的資料框架。根據預設，節點圖形會根據此資料框架計算節點和任何統計資料。或者，如果需要顯示更多節點特定的中繼資料，則可以傳送描述節點的第二個資料框架。您必須同時在資料影格`frame.meta.preferredVisualisationType = 'nodeGraph'`上設定資料影格或為其命名`nodes`，並`edges`分別設定它們，節點圖形才能轉譯。

**來自結構的邊緣資料**

必要欄位：


| 欄位名稱 | Type | 說明 | 
| --- | --- | --- | 
| id | string | 邊緣的唯一識別符。 | 
| source | string | 來源節點的 ID。 | 
| 目標 | string | 目標的 ID。 | 

選用欄位：


| 欄位名稱 | Type | 說明 | 
| --- | --- | --- | 
| mainstat | string/number | 將游標暫留在邊緣上時，浮水印中顯示的第一個統計資料。它可以是顯示值為原狀的字串，也可以是數字。如果是數字，也會顯示與該欄位相關聯的任何單位。 | 
| secondarystat | string/number | 與 mainStat 相同，但會顯示在其下方。 | 
| detail\$1\$1\$1 | string/number | 按一下邊緣時，任何字首為 的欄位`detail__`都會顯示在內容選單的標頭中。`config.displayName` 用於更人類可讀的標籤。 | 

**來自結構的節點資料**

必要欄位：


| 欄位名稱 | Type | 說明 | 
| --- | --- | --- | 
| id | string | 節點的唯一識別符。此 ID 由來源和目標欄位中的邊緣參考。 | 

選用欄位：


| 欄位名稱 | Type | 說明 | 
| --- | --- | --- | 
| 標題 | string | 節點名稱會顯示在節點下方。 | 
| 字幕 | string | 標題下顯示的其他、名稱、類型或其他識別符。 | 
| mainstat | string/number | 第一個顯示在節點本身內的統計資料。它可以是顯示原狀值的字串或數字。如果是數字，也會顯示與該欄位相關聯的任何單位。  | 
| secondarystat | string/number | 與 mainStat 相同，但會顯示在節點內。 | 
| arc\$1\$1\$1 | number | 任何字首為 的欄位`arc__`都會用來在節點周圍建立顏色圓圈。這些欄位中的所有值最多應加 1。您可以使用 指定顏色`config.color.fixedColor`。 | 
| detail\$1\$1\$1 | string/number | 按一下節點時，任何字首為 的欄位`detail__`都會顯示在內容選單的標頭中。`config.displayName` 用於更多人類可讀的標籤。 | 
| color | string/number | 可用來指定單一顏色，而不是使用`arc__`欄位來指定顏色區段。它可以是字串 （必須是可接受的 HTML 顏色字串），也可以是數字，在這種情況下，行為取決於 `field.config.color.mode`設定。例如，這可用來建立由欄位值控制的漸層顏色。 | 
| icon | string | 要在節點內顯示的圖示名稱，而非預設統計資料。僅允許內建 Grafana 圖示 （請參閱[此處](https://developers.grafana.com/ui/latest/index.html?path=/story/docs-overview-icon--icons-overview)可用的圖示）。 | 
| nodeRadius | number | 以像素為單位的半徑值。用來管理節點大小。 | 
| 反白 | Boolean | 設定是否應反白顯示節點。例如，透過反白多個節點和邊緣，使用 來代表圖形中的特定路徑。預設為 `false`。 | 

# 圓餅圖
<a name="v10-panels-piechart"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

![\[顯示 Grafana 中圓餅圖視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/pie_chart_example.png)


圓餅圖會以圓餅的配量形式顯示一個或多個查詢中減少的序列或值，因為它們彼此相關。配量的電弧長度、區域和中央角度都與配量值成正比，因為它與所有值的總和相關。當您想要以美術取捨的形式快速比較一小組值時，最適合使用此類型的圖表。

## 值選項
<a name="v10-panels-piechart-value"></a>

使用下列選項來精簡視覺化中的值。

**Show (顯示)**

選擇要顯示多少資訊。
+ **計算** – 將每個值減少為每個序列的單一值。
+ **所有值** – 顯示單一系列中的每個值。

**計算**

選取計算，以在****選取計算時減少每個序列。如需可用計算的資訊，請參閱[計算類型](v10-panels-calculation-types.md)。

**限制**

顯示單一系列中的每個值時，這會限制顯示的值數目。

**欄位**

選取要在視覺效果中顯示的至少一個欄位。清單中有每個欄位名稱，您也可以選取下列其中一個選項：
+ **數值欄位** – 具有數值的所有欄位。
+ **所有欄位** – 轉換未移除的所有欄位。
+ **時間** – 具有時間值的所有欄位。

## 圓餅圖選項
<a name="v10-panels-piechart-options"></a>

使用這些選項來精簡視覺化的外觀。

**圓餅圖類型**

選取圓餅圖顯示樣式。可以是：
+ **圓餅**圖 – 標準圓餅圖
+ **Donut** – 在中間有一個洞的圓餅圖

**標籤**

選取要顯示在圓餅圖上的標籤。您可以選取多個。
+ **名稱** – 系列或欄位名稱。
+ **百分比** – 整體的百分比。
+ **值** – 原始數值。

根據預設，標籤會以白色顯示在圖表內文上。您可以選取較深的圖表顏色，讓它們更可見。可能會裁剪長名稱或數字。

**工具提示模式**

當您將游標暫留在視覺化效果上時，Grafana 可以顯示工具提示。選擇工具提示的行為方式。
+ **單一** – 暫留工具提示只會顯示單一序列，也就是您要暫留在視覺化效果上的序列。
+ **全部** – 暫留工具提示會顯示視覺效果中的所有序列。Grafana 會反白您在工具提示的序列清單中以粗體懸停的序列。
+ **隱藏** – 當您與視覺化互動時，請勿顯示工具提示。

使用覆寫來隱藏工具提示中的個別序列。

## 圖例選項
<a name="v10-panels-piechart-legend"></a>

使用這些設定來定義圖例在視覺效果中的顯示方式。如需圖例的詳細資訊，請參閱[設定圖例](v10-panels-configure-legend.md)。

**圖例可見性**

使用**可見性**切換來顯示或隱藏圖例。

**圖例模式**

設定圖例的顯示模式。
+ **清單** – 將圖例顯示為清單。這是圖例的預設顯示模式。
+ **資料表** – 將圖例顯示為資料表。

**圖例置放**

選擇要顯示圖例的位置。
+ **底部** – 圖表下方。
+ **右側** – 圖形右側。

**圖例值**

選取要在圖例中顯示的值。您可以選取多個。
+ **百分比** – 整體的百分比。
+ **值** – 原始數值。

如需圖例的詳細資訊，請參閱[設定圖例](v10-panels-configure-legend.md)。

# Stat
<a name="v10-panels-stat"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

Stats 會顯示一個大型的 stat 值，以及選用的圖形閃爍線。您可以使用閾值或覆寫來控制背景或值顏色。

![\[顯示 Grafana 中狀態視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/stat_panel_example.png)


根據預設，Stat 會顯示下列其中一項：
+ 只是單一序列或欄位的值。
+ 多個序列或欄位的值和名稱。

您可以使用**文字模式**來控制文字是否顯示。

## 自動配置調整
<a name="v10-panels-stat-automatic-adjust"></a>

面板會根據儀表板中可用的寬度和高度自動調整配置。如果面板變得太小，它會自動隱藏圖形 （閃爍）。

## 值選項
<a name="v10-panels-stat-value"></a>

使用下列選項來精簡視覺化顯示值的方式：

**Show (顯示)**

選擇 Grafana 顯示資料的方式。
+ **計算**

  顯示以所有資料列為基礎的計算值。
  + **計算** – 選取 Grafana 將用於將許多欄位減少為單一值的減少程式函數。如需可用計算的清單，請參閱[標準計算](v10-panels-calculation-types.md)。
  + **欄位** – 選取視覺效果中顯示的欄位。
+ **所有值**

  顯示每一列的個別統計資料。如果選取此選項，您也可以限制要顯示的列數。
  + **限制** – 要顯示的列數上限。預設為 5，000。
  + **欄位** – 選取視覺效果中顯示的欄位。

## Stat 樣式
<a name="v10-panels-stat-styles"></a>

調整視覺化效果的樣式。

**Orientation (方向)**

選擇堆疊方向。
+ **自動** – Grafana 會選取其認為的最佳方向。
+ **水平** – 橫條水平延伸，從左到右。
+ **垂直** – 橫條從上到下垂直延伸。

**文字模式**

您可以使用文字模式選項來控制視覺化呈現的文字。如果值不重要，只有名稱和顏色是 ，則將**文字模式**變更為**名稱**。該值仍會用於判斷顏色，並顯示在工具提示中。
+ **自動** – 如果資料包含多個序列或欄位，則同時顯示名稱和值。
+ **值** – 僅顯示值，絕不顯示名稱。名稱改為顯示在暫留工具提示中。
+ **值和名稱** – 一律顯示值和名稱。
+ **名稱** – 顯示名稱而非值。值會顯示在暫留工具提示中。
+ **無** – 不顯示任何內容 （空白）。名稱和值會顯示在暫留工具提示中。

**廣泛配置**

設定是否啟用寬配置。預設會啟用寬配置。
+ **開啟** – 開啟寬配置。
+ **關閉** – 整體配置已關閉。

**注意**  
此選項僅適用於將**文字模式**設定為**值和名稱**時。開啟寬配置時，如果面板夠寬，則值和名稱會side-by-side顯示，並在右側顯示值。關閉寬配置時，一律會在名稱下轉譯值。

**顏色模式**

選取顏色模式。
+ **無** – 不會將任何顏色套用至值。
+ **值** – 將顏色套用至值和圖形區域。
+ **背景漸層 – **將顏色套用至值、圖形區域和背景，背景漸層略微。
+ **Background Solid** – 將顏色套用至值、圖形區域和背景，背景顏色為純色。

**圖形模式**

選取圖形和火花模式。
+ **None** – 隱藏圖形，且僅顯示 值。
+ **區域** – 顯示低於 值的區域圖表。這需要您的查詢傳回時間欄。

**文字對齊**

選擇對齊模式。
+ **自動** – 如果只顯示單一值 （不重複），則值會置中。如果顯示多個序列或資料列，則值會向左對齊。
+ **中心** – Stat 值為中心。

**顯示百分比變更**

設定是否顯示百分比變更。根據預設，不會顯示它。

**注意**  
當**值**選項下的**顯示**設定設定為**所有值**時，此選項不適用。

## 文字大小
<a name="v10-panels-stat-textsize"></a>

調整量測計文字的大小。
+ **標題** – 輸入計量標題大小的數值。
+ **值** – 輸入計量值大小的數值。

# 狀態時間軸
<a name="v10-panels-state-timeline"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

狀態時間軸會顯示一段時間內的不連續狀態變更。每個欄位或序列都會轉譯為其唯一的水平頻帶。狀態區域可以使用或不使用值來轉譯。此面板適用於字串或布林值狀態，但也可以與時間序列搭配使用。與時間序列搭配使用時，閾值會用來將數值轉換為離散狀態區域。

![\[顯示 Grafana 狀態時間軸視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/state_timeline_example.png)


## 狀態時間軸選項
<a name="v10-panels-state-timeline-options"></a>

使用這些選項來精簡您的視覺化效果：

**合併相等的連續值**

控制 Grafana 是否在彼此相鄰時合併相同的值。

**顯示值**

控制是否在狀態區域內轉譯值。如果有足夠的空間，**Auto** 會轉譯值。

**對齊值**

控制狀態區域內的值對齊。

**資料列高度**

控制資料列之間的空間。1 = 無空間 = 0.5 = 50% 空間。

**線條寬度**

控制狀態區域的線條寬度。

**填補不透明度**

控制狀態區域的不透明度。

**連接 null 值**

選擇 Null 值在圖形上顯示的方式，也就是資料中的差距。Null 值可以連接以形成連續線條，或設定為超過資料中不再連接間隙的閾值。
+ **從不** — 永遠不會連接資料中具有間隙的時間序列資料點。
+ **一律** – 資料中具有間隙的時間序列資料點一律會連線。
+ **閾值** - 指定資料中的差距不再連接的閾值。當資料中連接的間隙大小已知或在已知範圍內，且不應再連接超出此範圍的間隙時，這會很有用。

**中斷連線值**

選擇是否要將閾值設定為超過資料中的值應中斷連接的閾值。
+ **從不** — 資料中的時間序列資料點永遠不會中斷連線。
+ **閾值** – 指定資料中值中斷連接的閾值。當資料中的所需值為已知大小或在已知範圍內，且此範圍以外的值不應再連線時，這很有用。

## 值映射
<a name="v10-panels-state-timeline-valuemap"></a>

若要將顏色指派給布林值或字串值，請使用 [設定值映射](v10-panels-configure-value-mappings.md)。

## 具有閾值的時間序列資料
<a name="v10-panels-state-timeline-threshold"></a>

視覺化也可以與時間序列資料搭配使用。在這種情況下，閾值用於將時間序列轉換為離散的彩色狀態區域。

## 圖例選項
<a name="v10-panels-state-timeline-legend"></a>

啟用圖例選項時，可以顯示值映射或閾值括號。若要在圖例中顯示值映射，請務必將標準選項下的**色彩配置**選項設定為**單一顏色**或**傳統調色盤**。若要查看圖例中的閾值括號，請將**顏色方案**設定為**從閾值**。

**圖例模式**

使用這些設定來定義圖例在視覺效果中的顯示方式。如需圖例的詳細資訊，請參閱[設定圖例](v10-panels-configure-legend.md)。
+ **清單** – 將圖例顯示為清單。此為預設模式。
+ **資料表** – 將圖例顯示為資料表。
+ **隱藏** – 隱藏圖例。

**圖例置放**

選擇要顯示圖例的位置。
+ **底部** – 圖表下方。
+ **右側** – 圖形右側。

**圖例值**

選擇要在圖例中顯示的標準[計算](v10-panels-calculation-types.md)。您可以有多個 。

# 狀態歷史記錄
<a name="v10-panels-status-history"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

狀態歷史記錄會顯示一段時間內的週期性狀態。每個欄位或序列都會轉譯為水平資料列。方塊會轉譯，並以每個值為中心。

## 支援的資料
<a name="v10-panels-status-history-supporteddata"></a>

狀態歷史記錄適用於字串、布林值和數值欄位或時間序列。時間欄位為必要欄位。您可以使用值映射來著色字串，或將文字值指派給數值範圍。

## 顯示選項
<a name="v10-panels-status-history-options"></a>

使用這些選項來精簡視覺化效果。

**顯示值**

控制是否在值方塊中轉譯值。如果有足夠的空間，**Auto** 會轉譯值。

**資料欄寬度**

控制方塊的寬度。1 = 最大空間，0 = 最小空間。

**線條寬度**

控制狀態區域的線條寬度。

**填補不透明度**

控制狀態區域的填充不透明度。

## 值映射
<a name="v10-panels-status-history-valuemap"></a>

若要將顏色指派給布林值或字串值，請使用 [設定值映射](v10-panels-configure-value-mappings.md)。

## 具有閾值的時間序列資料
<a name="v10-panels-status-history-threshold"></a>

面板也可以與時間序列資料搭配使用。在此情況下，閾值會用來為方塊上色。您也可以使用漸層顏色方案來顏色值。

## 圖例選項
<a name="v10-panels-status-history-legend"></a>

啟用圖例選項時，可以顯示值映射或閾值括號。若要在圖例中顯示值映射，請務必將標準選項下的**色彩配置**選項設定為**單一顏色**或**傳統調色盤**。若要查看圖例中的閾值括號，請將**顏色方案**設定為**從閾值**。

**圖例模式**

使用這些設定來定義圖例在視覺效果中的顯示方式。如需圖例的詳細資訊，請參閱[設定圖例](v10-panels-configure-legend.md)。
+ **清單** – 將圖例顯示為清單。此為預設模式。
+ **資料表** – 將圖例顯示為資料表。
+ **隱藏** – 隱藏圖例。

**圖例置放**

選擇要顯示圖例的位置。
+ **底部** – 圖表下方。
+ **右側** – 圖形右側。

**圖例值**

選擇要在圖例中顯示的標準[計算](v10-panels-calculation-types.md)。您可以有多個 。

# 資料表
<a name="v10-panels-table"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

資料表非常靈活，支援多個模式，用於時間序列和資料表、註釋和原始 JSON 資料。此視覺化也提供日期格式、值格式和著色選項。

![\[顯示 Grafana 中資料表視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/table_example.png)


**注意**  
資料表不支援註釋和提醒。

## 排序資料欄
<a name="v10-panels-table-sort"></a>

選擇欄標題，將排序順序從預設變更為遞減至遞增。每次選取資料欄時，排序順序都會變更為週期中的下一個選項。您可以在選取其他資料欄時按住 `shift`鍵，以排序多個資料欄。

## 資料表選項
<a name="v10-panels-table-options"></a>

**顯示標頭**

顯示或隱藏從資料來源匯入的資料欄名稱。

## 資料欄寬度
<a name="v10-panels-table-width"></a>

根據預設，Grafana 會根據資料表大小和最小資料欄寬度自動計算資料欄寬度。此欄位選項可以覆寫設定，並以像素定義所有資料欄的寬度。

例如，如果您輸入 `100`，所有資料欄都會設為 100 像素寬 （變更會在您離開 欄位時發生）。

## 欄寬度下限
<a name="v10-panels-table-min"></a>

根據預設，資料表資料欄的最小寬度為 150 像素。此欄位選項可以覆寫該預設值，並以像素定義資料表面板的新最小欄寬。

例如，如果您將最小值設定為 `75`，則所有資料欄都會擴展到不小於 75 像素寬。

對於小型螢幕裝置，例如智慧型手機或平板電腦，您可以將預設`150`像素值減少為 `50`，以允許資料表型面板在儀表板中正確轉譯。

## 資料欄對齊
<a name="v10-panels-table-alignment"></a>

選擇 Grafana 應如何對齊儲存格內容。
+ Auto (自動) (預設)
+ Left (左)
+ Center
+ Right (右)

## 儲存格類型
<a name="v10-panels-table-cell-type"></a>

根據預設，Grafana 會自動選擇顯示設定。您可以選擇下列其中一個選項來覆寫設定，以設定所有欄位的預設值。某些儲存格類型可使用其他組態。

**注意**  
如果您在**欄位**索引標籤中設定這些項目，則類型會套用至所有欄位，包括時間欄位。您可以在**覆寫**索引標籤中設定它們，將變更套用至一或多個欄位。

**顏色文字**

如果設定閾值，則欄位文字會以適當的閾值顏色顯示。

**顏色背景 （漸層或固體）**

如果設定閾值，則欄位背景會以適當的閾值顏色顯示。

**量測計**

儲存格可以顯示為圖形指標，具有數種不同的呈現類型。
+ *基本* – 基本模式會顯示簡單的量測計，其中包含定義量測計顏色的閾值層級。
+ *漸層* – 閾值層級定義漸層。
+ *LCD* – 量測計會分割成照明或未照明的小儲存格。

此外，與量測計一起顯示的標籤可以設定為依值著色、符合佈景主題文字顏色或隱藏。
+ **值顏色**
+ **文字顏色**
+ **隱藏**

**JSON 檢視**

顯示格式化為程式碼的值。如果值是物件，則允許瀏覽 JSON 物件的 JSON 檢視會在暫留時顯示。

**Sparkline**

顯示呈現為 sparkline 的值。需要[時間序列才能進行資料表](v10-panels-xform-functions.md#v10-panels-xform-funcs-series)資料轉換。

## 儲存格值檢查
<a name="v10-panels-table-cell-value"></a>

啟用資料表儲存格的值檢查。原始值會顯示在模態視窗中。

**注意**  
只有當儲存格顯示模式設定為自動、顏色文字、顏色背景或 JSON 檢視時，才能使用儲存格值檢查。

## 資料欄篩選條件
<a name="v10-panels-table-col-filter"></a>

您可以暫時變更資料欄資料的顯示方式。例如，您可以排序從最高到最低的值，或隱藏特定值。如需詳細資訊，請參閱[篩選資料表資料欄](#v10-panels-table-filter)。

## 分頁
<a name="v10-panels-table-pagination"></a>

使用此選項啟用或停用分頁。這是不會影響查詢的前端選項。啟用時，頁面大小會自動調整為資料表的高度。

## 篩選資料表資料欄
<a name="v10-panels-table-filter"></a>

如果您開啟資料**欄篩選條件**，則可以篩選資料表選項。

**開啟資料欄篩選**

1. 在 Grafana 中，使用您要篩選的資料欄導覽至具有資料表的儀表板。

1. 在您要篩選的資料表面板上，開啟面板編輯器。

1. 選擇**欄位**索引標籤。

1. 在**資料表**選項中，開啟**資料欄篩選**選項。

每個資料欄標題旁都會顯示篩選條件 （漏斗） 圖示。

**篩選資料欄值**

若要篩選欄值，請選擇欄標題旁的篩選條件 （漏斗） 圖示。Grafana 會顯示該資料欄的篩選選項。

選擇您要顯示的值旁的核取方塊。在頂端的搜尋欄位中輸入文字，以在顯示器中顯示這些值，以便您可以選取它們，而不是捲動來尋找它們。

從多個運算子中選取以顯示欄值：
+ **包含** – 符合規則運算式模式 （依預設為運算子）。
+ **表達式** – 評估布林表達式。字元`$`代表表達式中的資料欄值 （例如 `$ >= 10 ≈& $ <= 12`)。
+ **比較運算子** – 您可以使用典型的比較運算子：`=`、`!=`、`<`、`<=``>`、、`>=`。

選擇**確定**和**取消**按鈕上方的核取方塊，從篩選條件中新增或移除所有顯示的值。

**清除資料欄篩選條件**

套用篩選條件的資料欄會在標題旁顯示藍色漏斗。

若要移除篩選條件，請選擇藍色漏斗圖示，然後選取**清除篩選條件**。

## 資料表頁尾
<a name="v10-panels-table-footer"></a>

您可以使用資料表頁尾來顯示欄位[的計算](v10-panels-calculation-types.md)。

啟用資料表頁尾之後，您可以選取**計算**，然後選擇要計算**的欄位**。

如果您未選取欄位，系統會將計算套用至所有數值欄位。

**計數資料列**

如果您想要顯示資料集中的資料列數，而不是所選欄位中的值數，請選取**計數**計算並啟用**計數資料列**。

# 文字
<a name="v10-panels-text"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

文字視覺化可讓您直接在儀表板中包含文字或 HTML。這可用於新增內容資訊和描述，或內嵌複雜的 HTML。

**Mode (模式)**

**模式**決定內嵌內容的顯示方式。它有下列選項：
+ **Markdown** – 此選項會將內容格式化為 Markdown。
+ **HTML** – 此設定會將內容轉譯為已淨化的 HTML。
+ **程式碼** – 此設定會在唯讀程式碼編輯器內轉譯內容。選取適當的語言，將語法反白套用至內嵌文字。

**變數**

內容中的變數將展開以顯示。

# 時間序列
<a name="v10-panels-time-series"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

![\[顯示 Grafana 中時間序列視覺化的範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/time_series_example.png)


時間序列視覺化是將時間序列資料視覺化為圖形的預設和主要方式。它們可以將序列轉譯為線條、點或長條。它們的多樣化足以顯示幾乎任何時間序列的資料。

**注意**  
您可以將圖形面板視覺效果遷移至時間序列視覺效果。若要遷移，請在**面板**索引標籤上，選擇**時間序列視覺化**。Grafana 會傳輸所有適用的設定。

**Topics**
+ [工具提示選項](v10-time-series-panel-tooltip.md)
+ [圖例選項](v10-time-series-panel-legend.md)
+ [圖形樣式](v10-time-series-graph.md)
+ [軸選項](v10-time-series-axis.md)
+ [顏色選項](v10-time-series-color.md)

# 工具提示選項
<a name="v10-time-series-panel-tooltip"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

工具提示選項可控制將滑鼠游標移至圖形中的資料點時顯示的資訊浮水印。

**工具提示模式**
+ **單一** – 暫留工具提示僅顯示單一序列，即您要暫留的序列。
+ **全部** – 暫留工具提示會顯示視覺化中的所有序列。Grafana 會反白您在工具提示的序列清單中以粗體懸停的序列。
+ **隱藏** – 當您與視覺化互動時，請勿顯示工具提示。

# 圖例選項
<a name="v10-time-series-panel-legend"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

圖例選項控制顯示在圖形下方或右側的序列名稱和統計資料。

**圖例模式**

使用這些設定來定義圖例在視覺化中的顯示方式。如需圖例的詳細資訊，請參閱 [設定圖例](v10-panels-configure-legend.md)。
+ **清單** – 將圖例顯示為清單。這是圖例的預設顯示模式。
+ **資料表** – 將圖例顯示為資料表。
+ **隱藏** – 隱藏圖例。

**圖例置放**

選擇要顯示圖例的位置。
+ **底部** – 圖表下方。
+ **右側** – 圖形右側。

**圖例值**

選擇要在圖例中顯示的標準[計算](v10-panels-calculation-types.md)。您可以有多個 。

# 圖形樣式
<a name="v10-time-series-graph"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

使用此選項來定義如何顯示時間序列資料。您可以使用覆寫來合併相同圖形中的多個樣式。
+ **行** – 在圖形上將時間序列顯示為行。
+ **長條** – 將時間序列顯示為圖形上的長條序列，每個資料點各一個。
+ **點** – 在圖形上將時間序列顯示為點，每個資料點各一個點。

## 長條對齊
<a name="v10-time-series-graph-bar"></a>

設定長條相對於資料點的位置。在圖表上繪製點的位置。由於長條具有寬度，因此可以放置在點之前、之後或中心。此選項的選項包括：
+ ![\[An image showing a bar graph aligned before a point.\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/bar-alignment-before.png) **之前** – 在點之前繪製長條。點會放置在長條的尾角。
+ ![\[An image showing a bar graph aligned around a point.\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/bar-alignment-center.png) **中心** – 長條圍繞點繪製。點會放置在長條的中心。這是預設值。
+ ![\[An image showing a bar graph aligned after a point.\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/bar-alignment-after.png) **After** – 長條會在點之後繪製。點會放置在長條的前角。

## 線條寬度
<a name="v10-time-series-graph-linewidth"></a>

線條寬度是控制序列線條厚度或長條大綱的滑桿。

## 填補不透明度
<a name="v10-time-series-graph-fill"></a>

設定填充顏色的不透明度。例如，填充用於在折線圖中顯示線下的區域，或顯示為長條圖中長條的顏色。

## 漸層模式
<a name="v10-time-series-graph-gradient"></a>

漸層模式會指定漸層填充，這是根據序列顏色。若要變更顏色，請使用標準顏色方案欄位選項。如需詳細資訊，請參閱[顏色方案](v10-panels-configure-standard-options.md#v10-panels-standard-options-color-scheme)。

漸層模式選項包括：
+ **無** – 無漸層填充。這是預設設定。
+ **不透明度** – 不透明度漸層，其中填充的不透明度會隨著 Y 軸值增加而增加。
+ **Hue** – 根據系列顏色色調的細微漸層。
+ **結構描述** – 顏色結構描述定義的顏色漸層。此設定用於填充區域和線條。如需詳細資訊，請參閱[顏色選項](v10-time-series-color.md)。

漸層外觀會受到**填滿不透明度**設定的影響。

## 顯示點
<a name="v10-time-series-graph-showpoints"></a>

您可以使用下列選項，將視覺化設定為將點新增至折線或長條。
+ **自動** – Grafana 會根據資料的密度決定是否顯示點。當密度較低時，會顯示點。
+ **一律** – 無論資料密度為何，都會顯示點。
+ **從**不 – 不要顯示點。

## 點大小
<a name="v10-time-series-graph-pointsize"></a>

設定點的大小，從 1 到 40 像素的直徑。

## 行插補
<a name="v10-time-series-graph-interpolation"></a>

選擇 Grafana 如何插補序列行。

![\[顯示 Grafana 中點之間繪製線條的不同方式的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/line-interpolation.png)


選項為：
+ **線性** – 點以直線聯結。
+ **平滑** – 點由曲線聯結，可平滑點之間的轉換。
+ **步驟之前** – 該行顯示為點之間的步驟。點會在步驟結束時轉譯。
+ **步驟後** – 該行顯示為點之間的步驟。點會在步驟開頭轉譯。

## 線條樣式
<a name="v10-time-series-graph-linestyle"></a>

設定線條的樣式。若要變更顏色，請使用標準顏色方案欄位選項。

行樣式的選擇包括：
+ **穩定** – 顯示穩定線。這是預設設定。
+ **Dash** – 顯示虛線。當您選擇此選項時，系統會顯示清單，供您選取折線的長度和間隙 （長度、間隙）。Dash 間距預設為 10、10。
+ **點** – 顯示虛線。當您選擇此選項時，系統會顯示清單，供您選取點間距的間隙長度。點間距預設為 10。

## 連接 null 值
<a name="v10-time-series-graph-null"></a>

選擇 Null 值在圖形上顯示的方式，也就是資料中的差距。Null 值可以連接以形成連續的線條，或設定為資料中不再連接間隙的閾值。

如何連接 null 值的選項如下：
+ **從不** — 永遠不會連接資料中具有間隙的時間序列資料點。
+ **一律** – 資料中具有間隙的時間序列資料點一律會連線。
+ **閾值** – 指定資料中的差距不再連接的閾值。當資料中連接的間隙大小已知或在已知範圍內，且範圍外的間隙不應再連接時，這會很有用。

## 中斷連線值
<a name="v10-time-series-graph-disconnect"></a>

選擇是否要在資料中具有時間超過指定閾值的值之間新增間隙。

中斷連線值的選項如下：
+ **從不** — 時間序列資料點永遠不會中斷連線。
+ **閾值** – 指定資料中值中斷連接的閾值。當資料中的所需值為已知大小或在已知範圍內，且此範圍以外的值不應再連線時，這很有用。

## 堆疊系列
<a name="v10-time-series-graph-stack"></a>

*堆疊*可讓 Grafana 彼此顯示序列。在視覺化中使用堆疊時請小心，因為它可以輕鬆建立誤導的圖形。若要進一步了解堆疊可能不是最佳方法的原因，請參閱[堆疊問題](https://www.data-to-viz.com/caveat/stacking.html)。

堆疊的選項包括：
+ **關閉** – 關閉序列堆疊。
+ **正常** – 堆疊序列彼此相鄰。
+ **100%** – 按百分比堆疊，其中所有序列加在一起最多 100%。

**在群組中堆疊序列**

您可以覆寫堆疊行為，以在群組中堆疊序列。如需建立覆寫的詳細資訊，請參閱 [設定欄位覆寫](v10-panels-configure-overrides.md)。

**在群組中堆疊序列**

1. 編輯面板，然後選擇**覆寫**。

1. 建立**堆疊序列**選項的欄位覆寫。

1. 在堆疊模式中，選取**「正常**」。

1. 命名要在其中顯示序列的堆疊群組。

   堆疊群組名稱選項只有在您建立覆寫時才能使用。

## 將下方填入
<a name="v10-time-series-graph-fillbelow"></a>

**下方填入 **選項會填入兩個序列之間的區域。此選項僅適用於序列或欄位覆寫。

使用此選項，您可以填入兩個序列之間的區域，而不是從序列列向下到 0。例如，如果您有兩個稱為 *Max* 和 *Min* 的序列，您可以選取 *Max* 系列，並覆寫它以**將下方填入** *Min* 系列。這只會填滿兩個序列行之間的區域。

# 軸選項
<a name="v10-time-series-axis"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

軸類別下方的選項會變更 x 軸和 y 軸的轉譯方式。在您按一下正在編輯的欄位選項方塊之外，某些選項才會生效。您也可以按 `Enter`。

## 時區
<a name="v10-time-series-axis-timezone"></a>

設定要沿著 x 軸顯示的所需時區。

## 配置
<a name="v10-time-series-axis-placement"></a>

選取 Y 軸的位置。選項為：
+ **自動** – 自動將 y 軸指派給序列。當有兩個或更多具有不同單位的序列時，Grafana 會將左軸指派給第一個單位，並將右軸指派給後續的單位。
+ **左側** – 在左側顯示所有 y 軸。
+ **右側** – 在右側顯示所有 y 軸。
+ **隱藏** – 隱藏所有軸。

若要選擇性地隱藏軸，[請新增以特定欄位為目標的欄位覆寫](v10-panels-configure-overrides.md)。

## 標籤
<a name="v10-time-series-axis-label"></a>

設定 y 軸文字標籤。如果您有多個 y 軸，則可以使用覆寫指派不同的標籤。

## Width
<a name="v10-time-series-axis-width"></a>

設定軸的固定寬度。根據預設，Grafana 會動態計算軸的寬度。

透過設定軸的寬度，具有不同軸類型的資料可以共用相同的顯示比例。此設定可讓您更輕鬆地比較多個圖形的資料值，因為軸不會在視覺上彼此接近的範圍內移動或延伸。

## 顯示網格線
<a name="v10-time-series-axis-gridlines"></a>

設定軸網格線可見性。
+ **自動** – 根據資料的密度自動顯示網格線。
+ **開啟** – 一律顯示網格線。
+ **關閉** – 切勿顯示網格線。

## 顏色
<a name="v10-time-series-axis-color"></a>

設定軸的顏色。
+ **文字** – 根據主題文字顏色設定顏色。
+ **系列** – 根據系列顏色設定顏色。

## 顯示邊界
<a name="v10-time-series-axis-border"></a>

設定軸邊界可見性。

## 擴展
<a name="v10-time-series-axis-scale"></a>

設定 y 軸值如何擴展。
+ **線性** – 將縮放分割成相等的部分。
+ **對數 –** 使用對數縮放。當您選取此選項時，系統會顯示清單，供您選擇二進位 （第 2 個基本） 或常見 （第 10 個基本） 對數縮放。
+ **Symlog** – 使用對稱對數縮放。當您選取此選項時，系統會顯示清單，供您選擇二進位 （第 2 個基本） 或常見 （第 10 個基本） 對數縮放。線性閾值選項可讓您設定比例從線性變更為對數的閾值。

## 置中零
<a name="v10-time-series-axis-centered"></a>

將 y 軸設定為以零為中心。

## 軟性最小值和軟性最大值
<a name="v10-time-series-axis-softminmax"></a>

設定**軟性最小值**或**軟性最大值**選項，以更好地控制 y 軸限制。根據預設，Grafana 會根據資料集自動設定 y 軸的範圍。

軟性最小值和軟性最大值設定可以防止資料中的小變化在大部分平坦時放大。相反地，硬性最小值和最大值可透過剪輯超過特定點的間歇峰值，協助防止資料中隱藏有用的詳細資訊。

若要定義 y 軸的硬性限制，請設定標準最低/最高選項。如需詳細資訊，請參閱[設定標準選項](v10-panels-configure-standard-options.md)。

## 轉換
<a name="v10-time-series-axis-transform"></a>

使用此選項轉換序列值，而不會影響工具提示、內容功能表或圖例中顯示的值。您有兩個轉換選項：
+ **負 Y 轉換** – 將結果翻轉至 Y 軸上的負值。
+ **常數** – 將第一個值顯示為常數行。

**注意**  
轉換選項僅適用於覆寫。

## 顯示多個 y 軸
<a name="v10-time-series-axis-multiple"></a>

在某些情況下，您想要顯示多個 y 軸。例如，如果您的資料集同時顯示溫度和濕度隨時間的變化，您可以為這兩個序列顯示具有不同單位的兩個 y 軸。

若要顯示多個 y 軸，[請新增欄位覆寫](v10-panels-configure-overrides.md#v10-panels-overrides-add-a-field)。視需要多次遵循步驟，以視需要新增任意數量的 y 軸。

# 顏色選項
<a name="v10-time-series-color"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

根據預設，圖形會使用標準[顏色方案](v10-panels-configure-standard-options.md#v10-panels-standard-options-color-scheme)選項來指派系列顏色。您也可以透過選取圖例系列顏色圖示，使用圖例來開啟顏色挑選器。以這種方式設定顏色會自動建立覆寫規則，將 設定為特定序列的特定顏色。

以下是可用來覆寫系列顏色預設值的其他選項。

## 傳統調色盤
<a name="v10-time-series-color-classic"></a>

最常見的設定是針對圖形使用 **Classic 調色盤**。此方案會根據每個欄位或序列的順序自動指派顏色。如果查詢中的欄位順序變更，顏色也會變更。您可以使用覆寫規則手動設定特定欄位的顏色。

## 單一顏色
<a name="v10-time-series-color-single"></a>

使用此模式來指定顏色。您也可以選取圖例中每個序列旁的彩色線條圖示，以開啟顏色挑選器。這會自動建立新的覆寫，將顏色方案設定為單一顏色和選取的顏色。

## 依值顏色方案
<a name="v10-time-series-color-byvalue"></a>

如果您選取按值顏色方案，例如**從閾值 （按值）** 或**Green-Yellow-Red （按值）**，則會顯示**按值序列**選項。此選項控制要使用哪個值 （最後、最小、最大值） 來指派序列的顏色。

## 結構描述漸層模式
<a name="v10-time-series-color-gradient"></a>

位於**圖形樣式**下方的**漸層模式**選項具有名為**結構描述**的模式。當您啟用**結構描述**時，線條或長條會收到從所選顏色**結構描述定義的漸層顏色**。

**從閾值**

如果**顏色方案**設定為**從閾值 （依值）**，而**漸層模式**設定為**結構描述**，則線條或長條顏色會在超過定義的閾值時變更。您只會看到配置中選擇的確切顏色。

**漸層顏色方案**

使用漸層顏色方案*而不*將**漸層模式**設定為**方案**，表示所選顏色會在所選顏色之間形成漸層，因為序列中的值會在設定的閾值之間移動。

# 追蹤
<a name="v10-panels-traces"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

追蹤視覺化可讓您在請求周遊基礎設施中的服務時遵循請求。追蹤視覺化會在圖表中顯示追蹤資料，讓您可以輕鬆解譯。

如需追蹤及其使用方式的詳細資訊，請參閱下列文件：
+ [探索中的追蹤](v10-explore-tracing.md)
+ [Tempo 資料來源](tempo-data-source.md)
+ *Grafana 實驗室* [Tempo 文件中的 Tempo 入門](https://grafana.com/docs/tempo/latest/getting-started/)。

## 新增具有追蹤視覺化效果的面板
<a name="v10-panels-traces-add"></a>

在 Grafana 堆疊中提供追蹤資料後，您可以將追蹤面板新增至 Grafana 儀表板。

使用儀表板變數 `traceID`可讓您建立查詢，以顯示指定追蹤 ID 的特定追蹤。如需儀表板變數的詳細資訊，請參閱[變數文件](v10-dash-variables.md)。

**先決條件**

開始之前，您需要：
+ Amazon Managed Grafana 工作區。
+ 連接到工作區的 [Tempo 資料來源](tempo-data-source.md)。

若要檢視和分析儀表板中的追蹤資料，您需要將追蹤視覺化新增至儀表板，並使用面板編輯器定義查詢。查詢會決定視覺效果中顯示的資料。如需面板編輯器的詳細資訊，請參閱[面板編輯器文件](v10-panels-editor-overview.md)。

此程序使用儀表板變數和範本，可讓您輸入可視覺化IDs。您將使用名為 的變數，`traceId`並將其新增為範本查詢。

**新增追蹤視覺化查詢**

1. 在工作區中，建立新的儀表板或前往您要新增追蹤視覺化效果的現有儀表板。

1. 選擇從新儀表板**新增視覺化**，或選擇現有儀表板上的**新增面板**。

1. 選取適當的追蹤資料來源。

1. 在面板編輯器的右上角，選擇**視覺化**索引標籤，然後選取**追蹤**。

1. 在**面板選項**下，輸入追蹤面板的**標題**。如需面板編輯器的詳細資訊，請參閱 [設定面板選項](v10-panels-configure-panel-options.md)。

1. 在查詢編輯器中，選取 **TraceQL** 查詢類型索引標籤。

1.  `${traceId}` 在 TraceQL 查詢欄位中輸入 以建立儀表板變數。此變數會用作範本查詢。

1. 在面板編輯器中選擇**套用**，將面板新增至儀表板。

1. 前往儀表板**設定**，並新增名為 的變數類型 **Custom** `traceId`的新變數，並視需要為其提供標籤。選擇**套用**，將變數新增至儀表板。

1. 透過使用用於追蹤面板之資料來源的有效追蹤 ID，並在儀表板變數中編輯 ID，來驗證面板是否正常運作。

## 使用資料表視覺效果新增 TraceQL
<a name="v10-panels-traces-traceql"></a>

雖然您可以將追蹤視覺化新增至儀表板，但必須將追蹤 IDs 手動新增為儀表板變數很麻煩。改為能夠使用 TraceQL 查詢來搜尋特定類型的追蹤，然後從相符的結果中選取適當的追蹤，會比較有用。

**先決條件**

此程序假設您已完成先前的程序。

**使用資料表視覺效果新增 TraceQL**

1. 在您新增追蹤視覺化的相同儀表板中，選擇**新增面板**以新增新的視覺化面板。

1. 選取您在上一節中使用的相同追蹤資料來源。

1. 在面板編輯器的右上角，選取**視覺化**索引標籤，然後選擇**資料表**。

1. 在查詢編輯器中，選擇 **TraceQL** 標籤。

1. 在**面板選項**下，輸入追蹤面板的**標題**。

1. 新增適當的 TraceQL 查詢，以搜尋您要在儀表板中視覺化的追蹤。例如，以下是來自稱為 *my-server* 之伺服器的簡單靜態查詢。

   ```
   { .service.name = "my-server" && .http.status_code=500 }
   ```

   您可以撰寫 TraceQL 查詢做為範本查詢，以利用存在的其他儀表板變數。這可讓您根據這些變數建立動態查詢。

從查詢傳回結果時，結果會在面板的資料表中轉譯。

追蹤視覺化的結果包含轉譯追蹤的**探索**頁面連結。您可以將其他連結新增至資料表中的追蹤，在選取時填入`traceId`儀表板變數，以便在相同的儀表板中視覺化追蹤。

若要在面板中建立一組資料連結，請使用下列程序。

**使用變數將其他連結新增至追蹤**

1. 在右側選單**的資料連結**下，選擇**新增連結**。

1. 為資料連結新增**標題**。

1. 在轉譯完整儀表板時，查看瀏覽器的地址列，以尋找儀表板的路徑。由於這是相同 Grafana 堆疊中儀表板的連結，因此只需要儀表板的路徑。

   例如，如果您的路徑是：

   ```
   https://g-example.grafana-workspace.us-east-1.amazonaws.com/d/1234abcd5/my-dashboard?orgId=1
   ```

   然後，儀表板的路徑是：

   ```
   /d/1234abcd5/my-dashboard?orgId=1
   ```

1. 在 **URL** 欄位中，自行參考包含兩個面板的儀表板。此自我參考會使用資料表中所選追蹤的值來填入儀表板變數。使用上一個步驟的儀表板路徑，然後填入`traceId`使用 TraceQL 資料表中所選結果的 值。追蹤 ID 會使用傳回結果中的`traceID`資料欄位公開，因此請使用 做為儀表板變數的值。例如：

   ```
   /d/1234abcd5/my-dashboard?orgId=1&var-traceId=${__data.fields["traceID"]}
   ```

1. 選擇**儲存**以儲存資料連結。

1. 從面板編輯器選擇**套用**，將面板套用至儀表板。

1. 儲存儀表板。

您現在應該會在資料表視覺化中看到相符追蹤的清單。選取 **TraceID** 或 **SpanID** 欄位時，您可以選擇開啟**探索**頁面以視覺化追蹤或遵循資料連結，選取資料連結後面的任何其他欄位 （例如 `Start time`、 `Name`或 `Duration`)，填入`traceId`儀表板變數，然後在追蹤面板中顯示相關追蹤。

# 趨勢
<a name="v10-panels-trend"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

趨勢視覺化應用於具有非時間的連續數字 X 的資料集。一些範例包括函數圖、rpm/torque 曲線、供需關係，以及沿著賽車路線的海拔或心率圖 ( x 表示距離或自開始的持續時間）。

趨勢視覺化支援[時間序列視覺化](v10-panels-time-series.md)中可用的所有視覺化樣式和選項，但有下列例外：
+ 沒有註釋或時區
+ 沒有共用游標 （或十字線）
+ 無多時區 x 軸
+ 無法透過拖曳選擇變更儀表板時間範圍

**X 欄位選擇**

使用此選項可選取包含遞增數值的欄位。

 例如，您可以代表引擎動力和扭力與速度，其中速度繪製在 x 軸上，動力和扭力繪製在 y 軸上。

# XY 圖表
<a name="v10-panels-xychart"></a>

XY 圖表提供視覺化圖形中任意 x 和 y 值的方法，讓您可以輕鬆顯示兩個變數之間的關係。XY 圖表通常用於建立散佈圖。您也可以使用它們來建立氣泡圖，其中欄位值會決定每個氣泡的大小。

![\[顯示 Grafana 中 XY 圖表視覺化範例的影像。\]](http://docs.aws.amazon.com/zh_tw/grafana/latest/userguide/images/viz/xy-chart-example.png)


## 支援的資料格式
<a name="v10-panels-xychart-formats"></a>

您可以使用任何類型的表格式資料，在 XY 圖表中至少有兩個數字欄位。這種視覺化類型不需要時間資料。

## 面板選項
<a name="v10-panels-xychart-paneloptions"></a>

在**面板編輯器窗格的面板選項**區段中，您可以設定面板標題和描述等基本選項。您也可以在本節中設定重複面板。如需詳細資訊，請參閱[設定面板選項](v10-panels-configure-panel-options.md)。

## XY 圖表選項
<a name="v10-panels-xychart-options"></a>

**系列映射**

設定序列資料在圖表中的映射方式。
+ **自動** – 從所有可用的資料框架 （或資料集） 自動產生序列。您可以篩選只選取一個影格。
+ **手動** – 從可用的資料影格中選取 ，明確定義序列。

根據您的序列映射選擇，**影格**、**X 欄位**和 **Y 欄位**選項會有所不同。自動和手動系列映射區段說明這些不同的選項。

**自動序列映射選項**

當您選取**自動**做為序列映射模式時，會預先設定下列選項，但您也可以自行定義這些選項。
+ **影格** – 根據預設，XY 圖表會顯示所有資料影格。您可以篩選只選取一個影格。
+ **X 欄位** – 選取 X 代表的欄位。根據預設，他的 是每個資料框架中的第一個數字欄位。
+ **Y 欄位** – 在設定 X 欄位之後，根據預設，資料框架中的所有剩餘數字欄位都會指定為 Y 欄位。您可以使用此選項明確選擇要用於 Y 的欄位。

  圖表的序列是從 Y 欄位產生。若要變更 XY 圖表中的序列，請覆寫 Y 欄位。您在大小欄位或顏色欄位中使用的任何欄位都不會產生序列。

  您也可以使用覆寫個別排除 Y 欄位。若要這麼做，請針對您要移除的每個 Y 欄位新增具有下列屬性的覆寫：
  + 覆寫類型：**名稱為 的欄位**
  + 覆寫屬性：**系列 > 在區域中隱藏**
  + 區域：**Viz**

**手動序列映射選項**

當您選取**手動**做為序列模式時，您可以新增、編輯和刪除序列。若要管理序列，請選取**序列**欄位。若要重新命名序列，請選取序列名稱。

在**手動**模式中，您必須設定下列選項：
+ **影格** – 選取您的資料影格或資料集。您可以視需要新增任意數量的影格。
+ **X 欄位** – 選取 X 代表的欄位。
+ **Y 欄位** – 選取 Y 代表的欄位。

**大小欄位**

使用此選項可設定哪個欄位的值控制圖表中點的大小。此值相對於資料框架中所有值的最小值和最大值。

選取此選項時，您可以設定最小和最大點大小選項。

**顏色欄位**

使用此選項可設定哪個欄位的值控制圖表中點的顏色。若要在**標準選項下使用顏色值選項**，您必須設定此欄位。

一般而言，當您在圖表中只顯示一個序列時，就會使用此選項。

**Show (顯示)**

設定值在視覺化中呈現的方式。
+ **點** – 將值顯示為點。當您選取此選項時，也會顯示點大小選項。
+ **行** – 在值之間新增行。當您選取此選項時，也會顯示線條樣式和線條寬度選項。
+ **兩者** – 同時顯示點和線。

**點大小**

設定圖表中所有點的大小，從直徑 1 到 100 像素。預設大小為 5 像素。您可以設定覆寫，依序列 (Y 欄位） 設定像素大小。

**最小/最大點大小**

當您設定大小**欄位**選項時，使用這些選擇來控制最小或最大點大小。您可以覆寫特定系列的這些選項。

**線條樣式**

設定線條的樣式。若要變更顏色，請使用標準顏色方案欄位選項。
+ **穩定** – 顯示穩定線。這是預設設定。
+ **Dash** – 顯示虛線。當您選擇此選項時，會顯示下拉式清單，您可以在其中選取折線的長度和間隙設定。根據預設，長度和間隙會設定為 `10, 10`。
+ **點** – 顯示虛線。當您選擇此選項時，會顯示下拉式清單，您可以在其中選取點間距。根據預設，點間距設定為 `0, 10`（第一個數字代表點長度，且一律為零）。

**線條寬度**

設定線條的寬度，以像素為單位。

## 工具提示選項
<a name="v10-panels-xychart-tooltipoptions"></a>

工具提示選項可控制將滑鼠游標移至圖形中的資料點時顯示的資訊浮水印。

**工具提示模式**
+ **單一** – 暫留工具提示僅顯示單一序列，即您要暫留的序列。
+ **隱藏** – 當您與視覺化互動時，請勿顯示工具提示。

使用覆寫來隱藏工具提示中的個別序列。

**最大高度**

設定工具提示方塊的最大高度。瑕疵為 600 像素。

## 圖例選項
<a name="v10-panels-xychart-legendoptions"></a>

圖例選項控制顯示在圖形下方或右側的序列名稱和統計資料。如需圖例的詳細資訊，請參閱 [設定圖例](v10-panels-configure-legend.md)。

**可見性**

切換開關以開啟或關閉圖例。

**Mode (模式)**

使用這些設定來定義圖例在視覺效果中的顯示方式。
+ **清單** – 將圖例顯示為清單。這是圖例的預設顯示模式。
+ **資料表** – 將圖例顯示為資料表。

**配置**

選擇要顯示圖例的位置。
+ **底部** – 圖表下方。
+ **右側** – 圖形右側。

**Values (數值)**

選擇要在圖例中顯示的標準[計算](v10-panels-calculation-types.md)。您可以有多個 。

**Width (寬度)**

控制圖例在視覺效果右側的距離。只有在您將圖例置放設定為**右側**時，才會顯示此選項。

## 軸選項
<a name="v10-panels-xychart-axis"></a>

****  
本文件主題專為支援 Grafana **10.x 版的 Grafana** 工作區而設計。  
如需支援 Grafana 9.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 9 版](using-grafana-v9.md)。  
如需支援 Grafana 8.x 版的 Grafana 工作區，請參閱 [使用 Grafana 第 8 版](using-grafana-v8.md)。

軸類別下方的選項會變更 x 軸和 y 軸的轉譯方式。在您按一下正在編輯的欄位選項方塊之外，某些選項才會生效。您也可以按 `Enter`。

**置放 (y 軸）**

選取 Y 軸的位置。選項為：
+ **自動** – 自動將 y 軸指派給序列。當有兩個或更多具有不同單位的序列時，Grafana 會將左軸指派給第一個單位，並將右軸指派給後續的單位。
+ **左側** – 在左側顯示所有 y 軸。
+ **右側** – 在右側顯示所有 y 軸。
+ **隱藏** – 隱藏所有軸。

若要選擇性地隱藏軸，[請新增以特定欄位為目標的欄位覆寫](v10-panels-configure-overrides.md)。

**標籤**

設定 y 軸文字標籤。如果您有多個 y 軸，則可以使用覆寫指派不同的標籤。

**Width (寬度)**

設定軸的固定寬度。根據預設，Grafana 會動態計算軸的寬度。

透過設定軸的寬度，具有不同軸類型的資料可以共用相同的顯示比例。此設定可讓您更輕鬆地比較多個圖形的資料值，因為軸不會在視覺上彼此接近的範圍內移動或延伸。

**顯示網格線**

設定軸網格線可見性。
+ **自動** – 根據資料的密度自動顯示網格線。
+ **開啟** – 一律顯示網格線。
+ **關閉** – 切勿顯示網格線。

**Color (顏色)**

設定軸的顏色。
+ **文字** – 根據主題文字顏色設定顏色。
+ **系列** – 根據系列顏色設定顏色。

**顯示邊界**

設定軸邊界可見性。

**擴展**

設定 y 軸值如何擴展。
+ **線性** – 將縮放分割成相等的部分。
+ **對數 –** 使用對數縮放。當您選取此選項時，系統會顯示清單，供您選擇二進位 （第 2 個基本） 或常見 （第 10 個基本） 對數縮放。
+ **Symlog** – 使用對稱對數縮放。當您選取此選項時，系統會顯示清單，供您選擇二進位 （第 2 個基本） 或常見 （第 10 個基本） 對數縮放。線性閾值選項可讓您設定比例從線性變更為對數的閾值。

*置中零*

將 y 軸設定為以零為中心。

**軟性最小值和軟性最大值**

設定**軟性最小值**或**軟性最大值**選項，以更好地控制 y 軸限制。根據預設，Grafana 會根據資料集自動設定 y 軸的範圍。

軟性最小值和軟性最大值設定可以防止資料中的小變化在大部分平坦時放大。相反地，硬性最小值和最大值可透過剪輯超過特定點的間歇峰值，協助防止資料中隱藏有用的詳細資訊。

若要定義 y 軸的硬性限制，請設定標準最低/最高選項。如需詳細資訊，請參閱[設定標準選項](v10-panels-configure-standard-options.md)。

**Transform (變形)**

使用此選項轉換序列值，而不會影響工具提示、內容功能表或圖例中顯示的值。您有兩個轉換選項：
+ **負 Y 轉換** – 將結果翻轉至 Y 軸上的負值。
+ **常數** – 將第一個值顯示為常數行。

**注意**  
轉換選項僅適用於覆寫。

**顯示多個 y 軸**

在某些情況下，您想要顯示多個 y 軸。例如，如果您的資料集同時顯示溫度和濕度隨時間的變化，您可以為這兩個序列顯示具有不同單位的兩個 y 軸。

若要顯示多個 y 軸，[請新增欄位覆寫](v10-panels-configure-overrides.md#v10-panels-overrides-add-a-field)。視需要多次遵循步驟，以視需要新增任意數量的 y 軸。

## 標準選項
<a name="v10-panels-xychart-standard"></a>

面板編輯器中的**標準選項**可讓您變更欄位資料在視覺化中顯示的方式。當您設定標準選項時，變更會套用至所有欄位或序列。如需更精細地控制欄位的顯示，請參閱 [設定欄位覆寫](v10-panels-configure-overrides.md)。

您可以自訂下列標準選項：
+ **欄位最小值/最大值** – 啟用**欄位最小值/最大值**，讓 Grafana 根據欄位的最小值或最大值個別計算每個欄位的最小值或最大值。
+ **顏色方案** – 為整個視覺化設定單一或多個顏色。

如需詳細資訊，請參閱[設定標準選項](v10-panels-configure-standard-options.md)。

## 資料連結
<a name="v10-panels-xychart-datalinks"></a>

資料連結可讓您連結至其他面板、儀表板和外部資源，同時維護來源面板的內容。您可以在游標下建立包含序列名稱或甚至值的連結。

針對每個資料連結，設定下列選項：
+ **標題**
+ **URL**
+ **在新索引標籤中開啟**

如需詳細資訊，請參閱[設定資料連結](v10-panels-configure-data-links.md)。

## 欄位覆寫
<a name="v10-panels-xychart-fieldoverrides"></a>

覆寫可讓您自訂特定欄位或系列的視覺化設定。當您新增覆寫規則時，您可以鎖定一組特定的欄位，並定義這些欄位的顯示方式的多個選項。

從下列其中一個覆寫選項中選擇：
+ **名稱為 的欄位** – 從所有可用欄位清單中選取欄位。
+ **名稱相符 regex 的欄位** – 指定要以規則表達式覆寫的欄位。
+ **類型為 的欄位** – 依類型選取欄位，例如字串、數字或時間。
+ **查詢傳回的欄位** – 選取特定查詢傳回的所有欄位。
+ **具有值的欄位** – 選取您定義的縮減器條件傳回的所有欄位，例如**最小值**、**最大值**、**計數**或**總計**。

如需詳細資訊，請參閱[設定欄位覆寫](v10-panels-configure-overrides.md)。