

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# 時系列パネル
<a name="time-series-panel"></a>

****  
このドキュメントのトピックは、**Grafana バージョン 8.x** をサポートする Grafana ワークスペース向けです。  
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 10 での作業](using-grafana-v10.md)」を参照してください。  
Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 9 での作業](using-grafana-v9.md)」を参照してください。

時系列パネルでは、時系列を線、ドットの軌跡、または一連の棒としてレンダリングできます。このタイプのグラフは、ほぼすべての時系列データを表示するための十分な汎用性があります。

**注記**  
グラフパネルの視覚化は時系列の視覚化に移行できます。移行するには、**[パネル]**タブで **[時系列の視覚化]** を選択します。Grafana は該当するすべての設定を転送します。

時系列の視覚化を使用すると、次のオプションを適用できます。
+  [変換](panel-transformations.md) 
+  [フィールドオプションとオーバーライド](field-options-overrides.md) 
+  [しきい値](thresholds.md) 

また、フィールドオプションを使用してさまざまなタイプのグラフを作成、または軸を調整できます。

この設定で、視覚化する内容を絞り込みます。

## ツールチップモード
<a name="time-series-panel-tooltip"></a>

グラフにカーソルを合わせると、Grafana はツールチップを表示できます。ツールチップの動作を選択します。
+  **[単独]** – ツールチップには、カーソルを合わせている系列のみが表示されます。
+  **[すべて]** – ツールチップには、グラフ内のすべての系列が表示されます。Grafana は、ツールチップの系列一覧で、カーソルを合わせている系列を太字で強調表示します。
+  **[非表示]** – ツールチップを表示しません。

## 凡例モードと配置
<a name="time-series-panel-legend"></a>

凡例の表示方法を選択します。
+  **[リスト]** – 凡例を一覧として表示します。これがデフォルトです。
+  **[テーブル]** – 凡例をテーブルとして表示します。
+  **[非表示]** – 凡例を非表示にします。

凡例を表示する場所を選択します。
+  **[Bottom]** – グラフの下。
+  **[右側]** – グラフの右側。

## 凡例計算
<a name="time-series-panel-legend-calculations"></a>

凡例に表示する計算を選択します。詳細については、「[計算リスト](list-of-calculations.md)」を参照してください。

# 線による時系列のグラフ
<a name="time-series-graph-lines"></a>

****  
このドキュメントのトピックは、**Grafana バージョン 8.x** をサポートする Grafana ワークスペース向けです。  
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 10 での作業](using-grafana-v10.md)」を参照してください。  
Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 9 での作業](using-grafana-v9.md)」を参照してください。

このセクションでは、時系列フィールドオプションを使用して時系列データを線として視覚化する方法と、オプションの動作について説明します。

**パネルの作成**

1. **[時系列]** の視覚化を選択して、パネルを作成します。詳細については、「[パネルの追加](add-a-panel-to-a-dashboard.md)」を参照してください。

1. **[パネルエディタ]** で、**[フィールド]** を選択します。

1. **[スタイル]** で、**[線]** を選択します。

## 線のスタイル設定
<a name="time-series-graph-lines-style"></a>

線のスタイリングにはさまざまなオプションがあります。
+ **[線形補間]** — Grafana がシリーズの線を補間する方法を選択します。選択肢は、**[直線]**、**[平滑線]**、**[前のステップ]**、**[後のステップ]** です。
+ **線幅** – 線の厚さを 0～10 ピクセルに設定します。
+ **[塗りつぶしの不透明度]** – シリーズの塗りつぶしの不透明度を 0～100% に設定します。
+ **[グラデーションモード]** – グラデーション塗りつぶしのモードを設定します。塗りつぶしグラデーションは線の色を基準にします。色を変更するには、標準のカラースキームフィールドオプションを使用します。

  グラデーションの外観は **[塗りつぶし不透明度]** の設定に影響されます。

  グラデーションフィルの選択肢は、**[なし]**、**[不透明度]**、**[色相]** です。**[不透明度]** では、グラデーションの透明度が y 軸の値に基づいて計算されます。y 軸の値とともに塗りつぶしの不透明度が増加します。**[色相]** では、グラデーションの色が線の色の色相に基づいて生成されます。
+ **[線のスタイル]** – 線のスタイルを設定します。色を変更するには、標準のカラースキームフィールドオプションを使用します。

  線のスタイルの外観は、**[線幅]** と **[塗りつぶしの不透明度]** の設定に影響されます。

  線のスタイルの選択肢は、**[実線]**、**[破線]**、および **[点線]** です。
+ **[Null 値]** – データ内のギャップの表示方法を選択します。null 値は、連続線を形成するために接続することも、オプションで、超えるとデータ内のギャップが接続されなくなるしきい値を設定することもできます。**[常に非表示]** で常にデータポイントをギャップで接続しない、**[常に表示]** で常にデータポイントをギャップで接続する、またはデータ内のギャップを接続しなくなる **[しきい値]** を設定することができます。
+ **ポイントの表示** – ポイントがグラフに表示されるタイミングを選択します。選択肢は、**[自動]**、**[常に]**、**[なし]** です。

## [下を塗りつぶす]
<a name="time-series-panel-legend-fillbelow"></a>

このオプションは、オーバーライドタブでのみ使用できます。

**2 つのシリーズ間の領域を埋める方法**

1. 下を塗りつぶすフィールドを選択します。

1. **[オーバーライドプロパティの追加]** で、**[下を塗りつぶす]** を選択します。

1. 塗りつぶしを停止するシリーズを選択します。

# 棒による時系列のグラフ
<a name="time-series-graph-bars"></a>

****  
このドキュメントのトピックは、**Grafana バージョン 8.x** をサポートする Grafana ワークスペース向けです。  
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 10 での作業](using-grafana-v10.md)」を参照してください。  
Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 9 での作業](using-grafana-v9.md)」を参照してください。

このセクションでは、時系列フィールドオプションを使用して時系列データを棒として視覚化する方法と、オプションの動作について説明します。

**パネルの作成**

1. **[時系列]** の視覚化を選択して、パネルを作成します。詳細については、「[パネルの追加](add-a-panel-to-a-dashboard.md)」を参照してください。

1. **[パネルエディタ]** で、**[フィールド]** を選択します。

1. **[スタイル]** で、**[棒]** を選択します。

## 棒のスタイル設定
<a name="time-series-graph-bars-style"></a>

棒のスタイリングにはさまざまなオプションがあります。
+ **棒の配置** – データポイントに対する棒の位置を設定します。選択肢は、**[前]**、**[中央]**、**[後]** です。
+ **線幅** – 棒の輪郭の厚さを 0～10 ピクセルに設定します。
+ **[塗りつぶしの不透明度]** – 棒の塗りつぶしの不透明度を 0～100% に設定します。
+ **[グラデーションモード]** – グラデーション塗りつぶしのモードを設定します。塗りつぶしグラデーションは線の色を基準にします。色を変更するには、標準のカラースキームフィールドオプションを使用します。

  グラデーションの外観は **[塗りつぶし不透明度]** の設定に影響されます。

  グラデーションフィルの選択肢は、**[なし]**、**[不透明度]**、**[色相]** です。**[不透明度]** では、グラデーションの透明度が y 軸の値に基づいて計算されます。y 軸の値とともに塗りつぶしの不透明度が増加します。**[色相]** では、グラデーションの色が線の色の色相に基づいて生成されます。
+ **ポイントの表示** – ポイントがグラフに表示されるタイミングを選択します。選択肢は、**[自動]**、**[常に]**、**[なし]** です。

# ポイントによる時系列のグラフ
<a name="time-series-graph-points"></a>

****  
このドキュメントのトピックは、**Grafana バージョン 8.x** をサポートする Grafana ワークスペース向けです。  
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 10 での作業](using-grafana-v10.md)」を参照してください。  
Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 9 での作業](using-grafana-v9.md)」を参照してください。

このセクションでは、時系列フィールドオプションを使用して時系列データをポイントとして視覚化する方法と、オプションの動作について説明します。

**パネルの作成**

1. **[時系列]** の視覚化を選択して、パネルを作成します。詳細については、「[パネルの追加](add-a-panel-to-a-dashboard.md)」を参照してください。

1. **[パネルエディタ]** で、**[フィールド]** を選択します。

1. **[スタイル]** で、**[ポイント]** を選択します。

## ポイントのスタイル設定
<a name="time-series-graph-points-style"></a>

ポイントとしてグラフ化するときは、ポイントサイズを選択できます。
+ **ポイントサイズ** – 直径 1～40 ピクセルからポイントサイズを選択します。

# 軸表示の変更
<a name="time-series-change-axis"></a>

****  
このドキュメントのトピックは、**Grafana バージョン 8.x** をサポートする Grafana ワークスペース向けです。  
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 10 での作業](using-grafana-v10.md)」を参照してください。  
Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 9 での作業](using-grafana-v9.md)」を参照してください。

このセクションでは、時系列フィールドオプションを使用して視覚化内の軸表示を制御する方法を説明し、軸オプションの動作を示します。

軸にはさまざまなオプションがあります。
+ **Y 軸の配置** – Y 軸の配置を設定します。選択肢は、**[左]**、**[右]**、**[非表示]** です。
+ **Y 軸のラベル** – Y 軸のテキストラベルを設定します。Y 軸が複数ある場合は、**[上書き]** タブを使用して異なるラベルを割り当てることができます。
+ **幅** – 軸の固定幅を設定します。デフォルトでは、Grafana ワークスペースは軸の幅を動的に計算します。軸の幅を設定することで、軸タイプが異なるデータでも同じ表示比率を共有できます。これにより、軸が互いに視覚的に近接して移動または伸張されないため、複数のグラフのデータの価値を簡単に比較できます。
+ **ソフト最小値とソフト最大値** — Y 軸の制限をより適切に制御するために、**[ソフト最小値]** または **[ソフト最大値]** を設定します。デフォルトでは、Grafana ワークスペースはデータに基づいて y 軸の範囲を自動的に設定します。

  **[ソフト最小値]** または **[ソフト最大値]** の設定をすると、データがほぼフラットなときに小さな変動が大きな変動に見えるのを防ぎます。また、標準の最小値および最大値のフィールドオプションから派生したハード最小値または最大値により、定義されたポイントを超えたスパイクを切り取ることで、断続的なスパイクが有用な詳細を平坦化することを防げます。
+ **スケール** – Y 軸の値に使用するスケールを設定します。選択肢は、**[線形]** と **[対数]** です。

# 積み上げ時系列のグラフ
<a name="time-series-stacked"></a>

****  
このドキュメントのトピックは、**Grafana バージョン 8.x** をサポートする Grafana ワークスペース向けです。  
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 10 での作業](using-grafana-v10.md)」を参照してください。  
Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 9 での作業](using-grafana-v9.md)」を参照してください。

このセクションでは、時系列パネルフィールドのオプションを使用してシリーズの積み上げを制御する方法と、積み上げオプションの動作について説明します。積み上げにより、Grafana は系列の上に別の系列を表示できます。視覚化で積み上げを使用すると、誤解を招くグラフを簡単に作成できるため、注意が必要です。積み上げが最適な手段ではない理由の詳細については、「[積み上げに関する問題](https://www.data-to-viz.com/caveat/stacking.html)」を参照してください。

# グループ内の系列の積み上げ
<a name="time-series-stacked-groups"></a>

****  
このドキュメントのトピックは、**Grafana バージョン 8.x** をサポートする Grafana ワークスペース向けです。  
Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 10 での作業](using-grafana-v10.md)」を参照してください。  
Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「[Grafana バージョン 9 での作業](using-grafana-v9.md)」を参照してください。

積み上げグループオプションは、オーバーライドとしてのみ使用できます。

**同じグループにシリーズをスタックする方法**

1. オーバーライドセクションで、**[シリーズの積み上げ]** オプションのフィールドオーバーライドを作成します。

1. **[普通]** スタックモードを選択します。

1. シリーズを表示する積み上げグループに名前を付けます。積み上げグループ名オプションは、オーバーライドを作成する場合にのみ使用できます。