

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

# 時系列
<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/ja_jp/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)」を参照してください。

ツールチップオプションは、グラフのデータポイントにカーソルを合わせたときに表示される情報オーバーレイを制御します。

**[ツールチップモード]**
+ **[単独]** – ツールチップには、カーソルを合わせている系列が 1 つだけ表示されます。
+ **[すべて]** – ツールチップには、グラフ内のすべての系列が表示されます。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)」を参照してください。
+ **[リスト]** – 凡例を一覧として表示します。これは凡例のデフォルトの表示モードです。
+ **[テーブル]** – 凡例をテーブルとして表示します。
+ **[非表示]** – 凡例を非表示にします。

**[凡例の配置]**

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

**[凡例値]**

凡例に表示する[標準計算](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)」を参照してください。

このオプションを使用して、時系列データを表示する方法を定義します。オーバーライドを使用して、同じグラフに複数のスタイルを組み合わせることができます。
+ **[折れ線]** – 時系列をグラフに折れ線で表示します。
+ **[棒]** – 時系列をグラフに一連の棒で表示し、データポイントごとに 1 つずつ表示します。
+ **[ポイント]** – 時系列をグラフに点で表示し、データポイントごとに 1 つずつ表示します。

## [棒の配置]
<a name="v10-time-series-graph-bar"></a>

グラフ上に描画されるデータポイントに対して棒の位置を設定します。棒には幅があるため、棒をデータポイントの前、後、または中央に配置することができます。このオプションの選択肢は次のとおりです。
+ ![\[An image showing a bar graph aligned before a point.\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/bar-alignment-before.png) **[前]** – 棒はポイントの前に描画されます。ポイントは棒の後端の隅に配置されます。
+ ![\[An image showing a bar graph aligned around a point.\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/bar-alignment-center.png) **Center** – 棒はポイントの周りに描画されます。ポイントは棒の中央に配置されます。これがデフォルトです。
+ ![\[An image showing a bar graph aligned after a point.\]](http://docs.aws.amazon.com/ja_jp/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 軸の値が増加するにつれて、塗りつぶしの不透明度が増加する不透明度グラデーション。
+ **[色相]** – 系列の色相に基づく繊細なグラデーション。
+ **[Scheme]** (スキーム) – カラースキームによって定義されるカラーグラデーション。この設定は、塗りつぶしエリアと線で使用できます。詳細については、「[色オプション](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/ja_jp/grafana/latest/userguide/images/viz/line-interpolation.png)


オプションは以下のとおりです。
+ **[線形]** – ポイントは直線で結合されます。
+ **[Smooth]** (滑らか) – ポイントは、ポイント間の移行が滑らかな曲線で結合されます。
+ **[前のステップ]** – 線はポイント間のステップとして表示されます。ポイントはステップの最後にレンダリングされます。
+ **[Step after]** – 線はポイント間のステップとして表示されます。ポイントはステップの最初にレンダリングされます。

## 線のスタイル
<a name="v10-time-series-graph-linestyle"></a>

線のスタイルを設定します。色を変更するには、標準のカラースキームフィールドオプションを使用します。

線のスタイルの選択肢は次のとおりです。
+ **[Solid]** – 実線を表示します。これはデフォルトの設定です。
+ **[Dash]** – 破線を表示します。このオプションを選択すると、線ダッシュの長さとギャップ (長さ, ギャップ) を選択するためのリストが表示されます。ダッシュ間隔はデフォルトで (10, 10) に設定されています。
+ **[Dots]** - 点線を表示します。このオプションを選択すると、点の間隔のギャップ長を選択するためのリストが表示されます。点の間隔はデフォルトで 10 に設定されています。

## null 値の接続
<a name="v10-time-series-graph-null"></a>

null 値 (データ内のギャップ) をグラフに表示する方法を選択します。null 値は、連続線を形成するために接続することも、超えるとデータ内のギャップが接続されなくなるしきい値を設定することもできます。

null 値を接続する方法の選択肢は次のとおりです。
+ **[なし]** – データにギャップがある時系列データポイントは接続されません。
+ **[常に表示]** – データにギャップがある時系列データポイントは常に接続されます。
+ **[しきい値]** – データ内のギャップが接続されなくなるしきい値を指定します。これは、データ内の接続されたギャップが既知のサイズまたは既知の範囲内であり、その範囲外のギャップは接続されないようにする場合に便利です。

## 値の切断
<a name="v10-time-series-graph-disconnect"></a>

指定されたしきい値を超える時間があるデータの値との間に、ギャップを追加するかどうかを選択します。

切断値の選択肢は次のとおりです。
+ **[なし]** – 時系列データポイントは切断されません。
+ **[しきい値]** データ内の値が切断されるしきい値を指定します。これは、データ内の目的の値が既知のサイズまたは既知の範囲内であり、この範囲外の値が接続されないようにする場合に便利です。

## [Stack series] (系列の積み上げ)
<a name="v10-time-series-graph-stack"></a>

*積み上げ*により、Grafana は系列の上に別の系列を表示できます。視覚化で積み上げを使用すると、誤解を招くグラフを簡単に作成できるため、注意が必要です。積み上げが最適な手段ではない理由の詳細については、[「積み上げに関する問題」](https://www.data-to-viz.com/caveat/stacking.html)を参照してください。

積み上げの選択肢は次のとおりです。
+ **[Off]** (オフ) – 系列の積み上げをオフにします。
+ **[普通]** – 系列の上に別の系列を積み上げます。
+ **[100%]** – パーセンテージで積み上げるため、すべての系列の合計が 100% になります。

**グループ内の系列の積み上げ**

積み上げ動作をオーバーライドして、グループ内で系列を積み上げることができます。オーバーライドの作成の詳細については、「[フィールドのオーバーライドを設定する](v10-panels-configure-overrides.md)」を参照してください。

**グループ内の系列を積み上げるには**

1. パネルを編集し、**[オーバーライド]** を選択します。

1. **[Stack series (系列の積み上げ)]** オプションのフィールドオーバーライドを作成します。

1. 積み上げモードで**[普通]** を選択します。

1. 系列を表示する積み上げグループに名前を付けます。

   積み上げグループ名オプションは、オーバーライドを作成する場合にのみ使用できます。

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

**[下を塗りつぶす]**オプションは、2 つの系列間の領域を塗りつぶします。このオプションは、系列またはフィールドのオーバーライドとしてのみ使用できます。

このオプションを使用すると、系列の折れ線から 0 までではなく、2 つの系列間の領域を塗りつぶすことができます。たとえば、*Max* と *Min* という 2 つのシリーズがある場合、*Max* シリーズを選択し、**それを以下のフィル**に上書きして *Min* シリーズにすることができます。これにより、2 つの折れ線間の領域のみが塗りつぶされます。

# 軸オプション
<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` キーを押す方法もあります。

## [Time zone] (タイムゾーン)
<a name="v10-time-series-axis-timezone"></a>

X 軸に沿って表示するタイムゾーンを設定します。

## [配置]
<a name="v10-time-series-axis-placement"></a>

Y 軸の配置を選択します。オプションは以下のとおりです。
+ **[自動]** – Y 軸を系列に自動的に割り当てます。異なるユニットを持つ系列が 2 つ以上ある場合、Grafana は左軸を最初のユニットに、右軸を次のユニットに割り当てます。
+ **[左]** – 左側にすべての Y 軸を表示します。
+ **[右側]** – 右側にすべての Y 軸を表示します。
+ **[非表示]** – すべての Y 軸を非表示にします。

軸を選択的に非表示にするには、特定のフィールドを対象とする[フィールドオーバーライドを追加します](v10-panels-configure-overrides.md)。

## ラベル
<a name="v10-time-series-axis-label"></a>

Y 軸テキストラベルを設定します。複数の Y 軸がある場合は、オーバーライドで異なるラベルを割り当てることができます。

## [幅]
<a name="v10-time-series-axis-width"></a>

軸の固定幅を設定します。デフォルトでは、Grafana は軸の幅を動的に計算します。

軸の幅を設定することで、異なる軸タイプのデータが同じ表示比率を共有できます。この設定により、軸が互いに視覚的に近接して移動または伸張されないため、複数のグラフのデータの価値を簡単に比較できます。

## [グリッド線の表示]
<a name="v10-time-series-axis-gridlines"></a>

軸グリッド線の可視性を設定します。
+ **[自動]** – データの密度に基づいてグリッド線を自動的に表示します。
+ **[On]** - 常にグリッド線を表示します。
+ **[Off]** – 常にグリッド線を表示しません。

## [色]
<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) スケールを選択するためのリストが表示されます。線形しきい値オプションを使用すると、スケールが線形から対数に変化するしきい値を設定できます。

## [Centered zero] (中央ゼロ)
<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>

このオプションを使用して、ツールチップ、コンテキストメニュー、または凡例に表示される値に影響を与えずに系列の値を変換します。変換オプションは 2 つあります。
+ **[負の Y 変換]** – 結果を Y 軸の負の値に反転します。
+ **[Constant]** (定数) – 最初の値を定数線として表示します。

**注記**  
変換オプションはオーバーライドとしてのみ使用できます。

## [Display multiple y-axes] (複数の Y 軸を表示)
<a name="v10-time-series-axis-multiple"></a>

複数の Y 軸を表示したい場合もあります。例えば、経時的な温度と湿度の両方を示すデータセットがある場合、これらの 2 つの系列で異なる単位を持つ 2 つの 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)オプションを使用して系列の色を割り当てます。凡例にある系列の色アイコンを選択することで、凡例を使用してカラーピッカーを開くこともできます。この方法で色を設定すると、特定の系列に特定の色を設定するオーバーライドルールが自動的に作成されます。

以下は、系列の色のデフォルトを変更するために使用できる追加オプションです。

## Classic palette (クラシックパレット)
<a name="v10-time-series-color-classic"></a>

最も一般的なセットアップは、グラフに**クラシックパレット**を使用することです。このスキームは、その順序に基づいて、各フィールドまたは系列に色を自動的に割り当てます。クエリでフィールドの順序が変更されると、色も変わります。オーバーライドルールを使用して、特定のフィールドの色を手動で設定できます。

## [単一色]
<a name="v10-time-series-color-single"></a>

このモードを使用して色を指定します。凡例の各系列の横にある色付き線アイコンを選択して、カラーピッカーを開くこともできます。これにより、カラースキームを単一色と選択した色に設定する新しいオーバーライドが自動的に作成されます。

## 値別カラースキーム
<a name="v10-time-series-color-byvalue"></a>

**[しきい値起点: 値別]** や **[緑黄赤: 値別]** などの値別カラースキームを選択すると、**[系列に使用する色]** オプションが表示されます。このオプションは、系列に色を割り当てるためにどの値 (最終値、最小値、最大値) を使用するかを管理します。

## スキームグラデーションモード
<a name="v10-time-series-color-gradient"></a>

**グラフスタイルの**下にある**グラデーションモード**オプションには、**Scheme** という名前のモードがあります。**スキーム**を有効にすると、折れ線または棒グラフは、選択した**カラースキーム**から定義されたグラデーション色を受け取ります。

**[しきい値起点]**

**[カラースキーム]** が **[しきい値起点 (値別)]** に設定され、**[グラデーションモード]** が **[スキーム]** に設定されている場合、折れ線または棒グラフの色は定義されたしきい値を超えると変化します。スキームで選択された正確な色のみが表示されます。

**グラデーションカラースキーム**

**グラデーションモード**を**スキーム**に設定*せずに*グラデーションカラースキームを使用すると、系列内の値がしきい値セット間を移動するにつれて、選択した色間でグラデーションを形成します。