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

# 圖形樣式
<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* 系列。這只會填滿兩個序列行之間的區域。