

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

# 時間序列
<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>

位於**圖形樣式**下方的**漸層模式**選項具有名為**結構描述**的模式。當您啟用**結構描述**時，線條或長條會收到從所選顏色**結構描述定義的漸層顏色**。

**從閾值**

如果**顏色方案**設定為**從閾值 （依值）**，而**漸層模式**設定為**結構描述**，則線條或長條顏色會在超過定義的閾值時變更。您只會看到配置中選擇的確切顏色。

**漸層顏色方案**

使用漸層顏色方案*而不*將**漸層模式**設定為**方案**，表示所選顏色會在所選顏色之間形成漸層，因為序列中的值會在設定的閾值之間移動。