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

# グラフスタイル
<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 つの折れ線間の領域のみが塗りつぶされます。