

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

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

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

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

![顯示 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 軸。