

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

# Grafana バージョン 10 のパネルと視覚化
<a name="v10-panels"></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 の基本的な視覚化構築ブロックです。各パネルには、パネルで選択されたデータソース特有のクエリエディタがあります。クエリエディタを使用すると、視覚化するデータを返すクエリを構築できます。

各パネルにはさまざまなスタイルとフォーマットのオプションがあります。パネルをドラッグ、ドロップ、サイズ変更して、ダッシュボード上で配置を変更できます。

パネルを追加する前に、データソースが設定されていることを確認してください。

追加のパネルタイプは、追加の[プラグイン](grafana-plugins.md)をワークスペースにインストールすることで使用できます。

特定のデータソース使用の詳細については「[データソースに接続する](AMG-data-sources.md)」を参照してください。

**Topics**
+ [パネルエディタの概要](v10-panels-editor-overview.md)
+ [パネル検査ビュー](v10-panels-panel-inspector.md)
+ [データのクエリと変換](v10-panels-query-xform.md)
+ [パネルオプションの設定](v10-panels-configure-panel-options.md)
+ [標準オプションを設定する](v10-panels-configure-standard-options.md)
+ [凡例を設定する](v10-panels-configure-legend.md)
+ [データリンクの設定](v10-panels-configure-data-links.md)
+ [値マッピングを設定する](v10-panels-configure-value-mappings.md)
+ [しきい値を設定する](v10-panels-configure-thresholds.md)
+ [フィールドのオーバーライドを設定する](v10-panels-configure-overrides.md)
+ [Grafana バージョン 10 で利用可能な視覚化](v10-panels-viz.md)

# パネルエディタの概要
<a name="v10-panels-editor-overview"></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-panels-editor-menu"></a>

パネルエディタにアクセスするには、任意のパネルの右上隅にカーソルを合わせます。表示されるパネルメニューアイコンを選択し、**[編集]** を選択します。

パネルメニューでは、次のアクションにもアクセスできます。
+ **[表示]** – パネルを全画面で表示します。
+ **[編集]** – パネルエディタを開いて、パネルと視覚的表現オプションを編集します。
+ **[共有]** – パネルをリンクまたはライブラリパネルとして共有します。
+ **[Explore]** – **Explore** でパネルを開き、クエリに集中できます。
+ **[Inspect]** (検査) – **Inspect** ドロワーを開き、パネルデータ、統計、メタデータ、JSON、クエリを確認できます。
  + **[Data]** (データ) – **データ**タブで **Inspect** ドロワーを開きます。
  + **[クエリ]** – **クエリ**タブで **Inspect** ドロワーを開きます。
  + **Panel JSON** – **JSON** タブで **Inspect** ドロワーを開きます。
+ **[拡張機能]** – インシデント宣言など、インストールされたアプリケーションによって提供される他のアクションにアクセスします。このオプションは、パネルメニューに拡張機能を提供するアプリケーションプラグインがインストールされている場合にのみ表示されます。
+ **[その他]** – 他のパネルアクションにアクセスします。
  + **[Duplicate]** (複製) – パネルのコピーを作成します。複製されたパネルは、元のパネルとは別にデータに対してクエリを実行します。同じクエリ結果を使用する場合は、2 番目のパネルで `Dashboard` データソースを使用できます。
  + **[Copy]** (コピー) – パネルをクリップボードにコピーします。
  + **ライブラリパネルの作成** – 他のダッシュボードにインポートできるパネルを作成します。
  + **[アラートの作成]** – **[アラート]** でアラートルール設定ページを開き、パネルクエリに基づいて [Grafana マネージドアラート](v10-alerts.md)を作成できます。
  + **[凡例を非表示]** – パネル凡例を非表示にします。
  + **[Get help]** (ヘルプを得る) – Grafana Labs テクニカルサポートにスナップショットまたはパネルデータを送信します。
+ **[削除]** – ダッシュボードからパネルを削除します。

## パネルエディタ
<a name="v10-panels-editor-view"></a>

このセクションでは、Grafana パネルエディタの領域について説明します。
+ パネルヘッダー – ヘッダーセクションには、パネルが表示されるダッシュボードと、次のコントロールが一覧表示されます。
  + **[破棄]** — ダッシュボードを最後に保存してから行ったパネルへの変更が破棄されます。
  + **[保存]** - パネルに加えた変更を保存します。
  + **[適用]** – 行った変更が適用され、パネルエディタが閉じてダッシュボードに戻ります。ダッシュボードを保存して、適用された変更を保持する必要があります。
+ 視覚化プレビュー – 視覚化プレビューセクションには、次のオプションが含まれています。
  + **[テーブルビュー]** – 視覚化をテーブルに変換して、データを表示します。テーブルビューはトラブルシューティングに役立ちます。このビューには未加工データのみが含まれます。データに適用した変換や、[テーブル](v10-panels-table.md)の視覚化で使用できる書式設定オプションは含まれません。
  + **[塗りつぶし]** – 視覚化プレビューで、使用可能なスペースを塗りつぶします。サイドペインの幅またはボトムペインの高さを変更すると、視覚化が変更され、使用可能なスペースが塗りつぶされます。
  + **[実寸]** — 視覚化プレビューが、ダッシュボードの実際のサイズで表示されます。十分なスペースがない場合、視覚化はアスペクト比が保持されたまま縮小されます。
  + **[時間範囲コントロール]** – **[デフォルト]**は、ブラウザのローカルタイムゾーンまたはより高度な設定で選択されたタイムゾーンです。
+ データセクション – データセクションには、クエリの入力、データの変換、アラートルールの作成 (該当する場合) を行うタブがあります。
  + **[クエリ] タブ** – データソースを選択し、ここにクエリを入力します。詳細については、「[データのクエリと変換](v10-panels-query-xform.md)」を参照してください。ダッシュボードを最初に作成すると、データソースを選択するように求められます。このタブでデータソースまたはクエリを更新できます。
  + **[変換 タブ]** – データ変換を適用します。詳細については、「[データのクエリと変換](v10-panels-query-xform.md)」を参照してください。
  + **[アラート] タブ** – アラートルールを入力します。詳細については、「[Grafana バージョン 10 のアラート](v10-alerts.md)」を参照してください。
+ パネル表示オプション – 表示オプションセクションには、データ視覚化のほぼすべての側面を設定するタブがあります。詳細は、選択した視覚化タイプによって異なります。

## パネル検査ドロワー
<a name="v10-panels-editor-inspect"></a>

検査ドロワーは、パネルの理解とトラブルシューティングに役立ちます。任意のパネルの未加工データの表示、データの CSV (comma-separated values: カンマ区切り) ファイルへのエクスポート、クエリリクエストの表示、JSON 形式のパネルとデータのエクスポートが可能です。

**注記**  
すべてのパネルタイプにタブがすべてあるわけではありません。例えば、ダッシュボードリストパネルには検査する未加工データがないため、[統計]、[データ]、[クエリ] タブは表示されません。

パネルインスペクターは、次のオプションで構成されます。
+ パネル検査ドロワーは、右側にドロワーとして表示されます。右上隅の矢印を選択して、ドロワーペインを展開または縮小します。
+ **[データ タブ]** – 変換が適用されたクエリによって返される未加工データを表示します。オーバーライドや値マッピングなどのフィールドオプションは、デフォルトでは適用されません。
+ **[統計タブ]** – クエリにかかる時間および返される量を示します。
+ **[JSON] タブ** – パネル JSON、パネルデータ JSON、およびデータフレーム構造 JSON を、表示およびコピーできます。これは Grafana のプロビジョニングまたは管理に役立ちます。
+ **[クエリタブ]** – Grafana がデータソースへのクエリ実行時に送信されるサーバーへのリクエストを表示します。
+ **[エラータブ]** – クエリによって返されたエラーを表示します。タブは、クエリがエラーを返す場合にのみ表示されます。

# パネル検査ビュー
<a name="v10-panels-panel-inspector"></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)」を参照してください。

パネル検査ビューは、パネルメニューから開くことができ、パネルの理解とトラブルシューティングに役立ちます。Amazon Managed Grafana パネルの未加工データの検査、データの CSV (comma-separated values: カンマ区切り) ファイルへのエクスポート、クエリリクエストの表示、JSON 形式のパネルとデータのエクスポートが可能です。

**注記**  
すべてのパネルタイプにタブがすべてあるわけではありません。例えば、ダッシュボードリストパネルには検査する未加工データがないため、[統計]、[データ]、[クエリ] タブは表示されません。

パネルインスペクターは、次のオプションで構成されます。

1. パネルインスペクターでは、ペインの上部に **[Inspect: ]** が表示されます。右上隅の矢印を選択して、ペインを展開または縮小します。

1. **[データ タブ]** – 変換が適用されたクエリによって返される未加工データを表示します。オーバーライドや値マッピングなどのフィールドオプションは、デフォルトでは適用されません。

1. **[統計タブ]** – クエリにかかる時間および返される量を示します。

1. **[JSON] タブ** – パネル JSON、パネルデータ JSON、およびデータフレーム構造 JSON を、表示およびコピーできます。これは Grafana のプロビジョニングまたは管理に役立ちます。

1. **クエリタブ** – Grafana がデータソースへのクエリ実行時に送信されるサーバーへのリクエストを表示します。

1. **[エラータブ]** – エラーを表示します。クエリがエラーを返す場合にのみ表示されます。

## 未加工のクエリ結果のダウンロード
<a name="v10-panels-raw-query-results"></a>

Amazon Managed Grafana は、お使いのデータで構成される CSV ファイルを生成します。これには、そのデータに対する任意の変換も含まれます。パネルがフィールドオプションまたはフィールドオプションオーバーライドを適用する前後にデータを表示するように選択できます。

**未加工のクエリ結果をダウンロードするには**

1. ダウンロードするクエリデータを含むパネルを編集します。

1. クエリエディタで、**[Query Inspector]** を選択します。

1. **[Data]** (データ) を選択します。

   パネルに複数のクエリがある、または複数のノードにクエリを実行する場合は、追加のオプションがあります。
   + **[結果の選択]** – 表示する結果セットデータを選択します。
   + **[データを変換する]**
   + **[(時間で結合]** – すべてのクエリの生データを一度に表示し、列ごとに結果セットを 1 つ表示します。列見出しを選択して、データ順序を変更します。

1. システムがフィールドオーバーライドを適用する前にデータを表示するには、**[フォーマットされたデータ]** トグルを選択します。

1. Excel 用にフォーマットされた CSV ファイルをダウンロードするには、**[Excel 用にダウンロード]** トグルをを選択します。

1. **[CSV ダウンロード]** を選択します。

## クエリパフォーマンスの検査
<a name="v10-panels-query-performance"></a>

**[統計]** タブには、クエリにかかる時間、送信したクエリの数、返された行数を示す統計が表示されます。この情報は、特に数値が予想外に高い場合や低い場合のクエリのトラブルシューティングに役立ちます。

**クエリのパフォーマンスを検査するには**

1. クエリを含むパネルを、検査するパフォーマンスで編集します。

1. クエリエディタで、**[Query Inspector]** を選択します。

1. **[Stats]** (統計) を選択します。

統計が読み取り専用形式で表示されます。

## クエリリクエストとレスポンスの検査
<a name="v10-panels-query-request-response"></a>

予期しない結果を返すクエリ、または予想される結果を返さないクエリをトラブルシューティングする場合は、クエリリクエストとレスポンスデータを検査できます。

1. エクスポートするクエリを含むパネルを編集します。

1. クエリエディタで、**[Query Inspector]** を選択します。

1. **[更新]** を選択します。

   パネルにはレスポンスデータが入力されます。

1. 必要に応じて調整を行い、クエリを再実行します。

1. クエリリクエストとレスポンスデータをダウンロードするには、**[Copy to clipboard]** (クリップボードにコピー) アイコンをクリックし、結果を別のアプリケーションに貼り付けます。

# データのクエリと変換
<a name="v10-panels-query-xform"></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)」を参照してください。

Amazon Managed Grafana は、さまざまなタイプの[データソース](AMG-data-sources.md)をサポートしています。データソース*[クエリ]*は、Grafana が*変換*および視覚化できるデータを返します。各データソースは独自のクエリ言語を使用し、データソースプラグインはそれぞれクエリエディタと呼ばれるクエリ構築ユーザーインターフェイスを実装します。

**Topics**
+ [クエリについて](#v10-panels-query-xform-about)
+ [クエリタブを操作する](#v10-panels-query-xform-navigate)
+ [クエリの追加](#v10-panels-query-xform-add)
+ [クエリの管理](#v10-panels-query-xform-manage)
+ [クエリオプション](#v10-panels-query-xform-options)
+ [クエリ式の書き込み](v10-panels-query-xform-expressions.md)
+ [別のパネルとクエリ結果を共有する](v10-panels-query-share.md)
+ [[データを変換する]](v10-panels-xform.md)
+ [クエリのトラブルシューティング](v10-panels-query-troubleshoot.md)
+ [計算タイプ](v10-panels-calculation-types.md)

## クエリについて
<a name="v10-panels-query-xform-about"></a>

Grafana パネルは、クエリを介してデータソースと通信します。このクエリは、視覚化用のデータを取得します。クエリは、データソースで使用されるクエリ言語で記述された質問です。

パネルのデータソースオプションで、クエリの頻度とデータ収集の制限を設定できます。Grafana は、パネルごとに最大 26 個のクエリをサポートします。

各データソースのクエリ言語の詳細については、[「データソース」](AMG-data-sources.md)セクションを参照してください。

**クエリエディタ**

各データソースの*クエリエディタ*には、独自の機能を活用するクエリの作成に役立つカスタマイズされたユーザーインターフェイスが用意されています。

クエリ言語の違いにより、各データソースクエリエディタの外観と関数は異なります。データソースによっては、クエリエディタが自動補完機能、メトリクス名、変数の提案、ビジュアルクエリ構築インターフェイスを提供する場合があります。

クエリや構文に関する情報など、特定のデータソースの一意のクエリエディタ機能の詳細については、以下のデータソースドキュメントを参照してください。
+ Amazon Managed Grafana に含まれるデータソースについては、[「組み込みデータソース」](AMG-data-sources-builtin.md)を参照してください。
+ Grafana Enterprise に含まれるデータソースについては、「[Enterprise データソースに接続する](AMG-data-sources-enterprise.md)」を参照してください。
+ [プラグインカタログによるプラグインの検索](grafana-plugins.md#plugin-catalog) 経由でインストールする他のデータソースプラグインの場合、ドキュメントはプラグインカタログのリスト内でリンクされます。

**クエリ構文**

データソースは、異なるクエリ言語を使用してデータをリクエストします。特定のデータソースの一意のクエリ言語の詳細については、各ドキュメントを参照してください。

**[PostgreSQL の例]**:

```
SELECT hostname FROM host WHERE region IN($region)
```

**PromQL の例**:

```
query_result(max_over_time(<metric>[${__range_s}s]) != <state>)
```

**[特別なデータソース]**

Grafana には、**[Grafana]**、**[混合]**、および **[ダッシュボード]** の 3 つの特別なデータソースも含まれています。詳細については、「[データソースに接続する](AMG-data-sources.md)」を参照してください。

## クエリタブを操作する
<a name="v10-panels-query-xform-navigate"></a>

パネルの **[クエリ]** タブは、次の要素で構成されます。
+ **[データソースセレクタ]** – クエリが実行されるデータソースを選択します。
+ **[クエリオプション]** — 最大データ取得パラメータとクエリ実行時間間隔を設定します。
+ **[クエリインスペクターボタン]** — クエリインスペクターパネルを開き、クエリを表示および最適化できます。
+ **[クエリエディタリスト]** – 作成したクエリを一覧表示します。
+ **[式]** – 式ビルダーを使用してアラート式を作成します。式の詳細については、「[クエリ式の書き込み](v10-panels-query-xform-expressions.md)」を参照してください。

## クエリの追加
<a name="v10-panels-query-xform-add"></a>

クエリは、Grafana がダッシュボードパネルで視覚化するデータを返します。パネルを作成すると、Grafana は自動的にデフォルトのデータソースを選択します。

**クエリを追加するには**

1. クエリを追加するパネルを編集します。

1. **[クエリ]** タブを選択します。

1. **[データソース]** ドロップダウンメニューを選択し、データソースを選択します。

1. **[クエリオプション]** を選択して、必要なデータポイントの最大数を設定します。クエリオプションの詳細については、「[クエリオプション](#v10-panels-query-xform-options)」を参照してください。

1. クエリエディタを使用してクエリを書き込みます。

1. **[適用]** を選択します。

Grafana はデータソースにクエリを実行し、データを視覚化します。

## クエリの管理
<a name="v10-panels-query-xform-manage"></a>

Grafana は、クエリを折りたたみ可能なクエリ行に整理します。各クエリ行にはクエリエディタが含まれ、文字 (A、B、C など) で識別されます。

クエリを管理するには、クエリのコピー、クエリの非表示、クエリの削除、クエリの順序変更、クエリエディタのヘルプの切り替えを行うことができます。

## クエリオプション
<a name="v10-panels-query-xform-options"></a>

データソースセレクタの横にある **[クエリオプション]** を選択すると、選択したデータソースの設定が表示されます。ここで行った変更は、このパネルで行われたクエリにのみ影響します。

Grafana は、ダークグレーテキストで表示されるデフォルトを設定します。変更はホワイトテキストで表示されます。フィールドをデフォルト設定に戻すには、フィールドからホワイトテキストを削除します。

パネルデータソースのクエリオプションには以下が含まれます。
+ **[最大データポイント数]** – データソースがサポートしている場合、返される各系列の最大データポイント数を設定します。クエリが最大データポイント設定よりも多くのデータポイントを返す場合、データソースは、平均、最大、または別の関数でデータポイントを集約することで、返されるポイント数を減らします。

  ポイントの数を制限して、クエリのパフォーマンスを向上させたり、視覚化された行を平滑にしたりできます。デフォルト値はグラフの幅 (またはピクセル数) です。グラフパネルに表示されるスペースと同じ数のデータポイントしか視覚化できないためです。

  ストリーミングデータでは、Grafana はローリングバッファの最大データポイント値を使用します。ストリーミングはデータの継続的なフローであり、バッファリングはストリームをチャンクに分割します。
+ **[最小間隔]** – 自動計算された間隔の最小制限を設定します。これは通常、最小スクレイプ間隔です。データポイントを 15 秒ごとに保存する場合、それよりも間隔を短くしてもメリットはありません。また、スクレイプ間隔よりも低い最小値に設定して、粗く適切に機能するクエリを取得することもできます。
+ **[間隔]** – データポイントを時間別に集計またはグループ化するときに使用できる時間範囲を設定します。

  Grafana は、テンプレートクエリで変数として使用できる適切な間隔を自動的に計算します。変数は、秒 (`$__interval`) またはミリ秒 (`$__interval_ms`) で測定されます。

  間隔は通常、合計や平均などの集計関数で使用されます。例えば、これは間隔変数 `rate(http_requests_total[$__interval])` を使用する Prometheus クエリです。

  この自動間隔は、グラフの幅に基づいて計算されます。ユーザーがグラフを縮小すると、間隔が大きくなり、より粗視化された集計になります。同様に、ユーザーが拡大すると、間隔が短くなり、より高精細な集計になります。

  詳細については、「[グローバル変数](v10-dash-variable-add.md#v10-dash-variable-add-global)」を参照してください。
+ **[相対時間]** – 個々のパネルの相対時間範囲をオーバーライドします。これにより、パネルは、ダッシュボードの右上隅にあるダッシュボードタイムピッカーで選択されている時間とは異なります。これを使用して、同じダッシュボードに異なる期間または日数のメトリクスを表示できます。
**注記**  
ダッシュボードの時間範囲が絶対時間である場合、パネルの時間オーバーライドは効果がありません。    
[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-query-xform.html)
+ **[タイムシフト]** – タイムピッカーに対して開始と終了をシフトすることで、個々のパネルの時間範囲をオーバーライドします。例えば、パネルの時間範囲をダッシュボードのタイムピッカーより 2 時間早くシフトできます。
**注記**  
ダッシュボードの時間範囲が絶対時間である場合、パネルの時間オーバーライドは効果がありません。    
[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-query-xform.html)
+ **[キャッシュタイムアウト]** – *(データソースで使用可能な場合のみ表示)* 時系列ストアにクエリキャッシュがある場合、デフォルトのキャッシュタイムアウトをオーバーライドします。この値を秒単位で数値として指定します。

# クエリ式の書き込み
<a name="v10-panels-query-xform-expressions"></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-panels-query-about"></a>

サーバー側の式を使用すると、演算やその他のオペレーションでクエリから返されるデータを操作できます。式は新しいデータを作成し、式のデータを許容できる入力にするためにマイナーなデータ再構築を行う以外は、データソースから返されるデータを操作しません。

**式の使用**

式は、[Grafana アラート](v10-alerts.md)で最も一般的に使用されます。処理はサーバー側で行われるため、式はブラウザセッションなしで動作できます。ただし、式はバックエンドデータソースや視覚化でも使用できます。

**注記**  
式は、レガシーダッシュボードアラートでは機能しません。

式は、異なるデータソースからのクエリを組み合わせて有効にするか、データソースで使用できない演算を提供することで、データソースを補強することを目的としています。

**注記**  
可能であれば、データソース内でデータ処理を行う必要があります。ストレージから Grafana サーバーにデータをコピーして処理することは非効率であるため、式は軽量データ処理を対象としています。

式は、時系列または数値データを返すデータソースクエリで機能します。また、[多次元データ](getting-started-grafanaui.md#time-series-dimensions)でも動作します。例えば、複数の系列を返すクエリでは、各系列がラベルまたはタグで識別されます。

個々の式は 1 つ以上のクエリまたはその他の式を入力として受け取り、結果にデータを追加します。個々の式またはクエリは、RefID と呼ばれる名前付き識別子 (例: デフォルト文字 `A` または `B`) である変数で表されます。

個々の式または別の式にあるデータソースクエリの出力を参照するには、この識別子を変数として使用します。

**式のタイプ**

式は 2 種類のデータで動作します。
+ 時系列のコレクション。
+ 数値のコレクション (各数値は項目)。

各コレクションは、単一のデータソースクエリまたは式から返され、RefID で表されます。各コレクションはセットであり、セット内の各項目は、[ラベル](getting-started-grafanaui.md#labels)またはキーと値のペアとして保存されるディメンションによって一意に識別されます。

**データソースクエリ**

サーバー側の式は、バックエンドデータソースのデータソースクエリのみをサポートします。データは一般に、時系列データにラベル付けされているものと見なされます。

データソースクエリは、式とともに使用されると、式エンジンによって実行されます。これを行うと、データはデータフレームごとに 1 つの時系列または 1 つの数値に再構成されます。例えば、テーブルビューの 1 つのフレームで複数の系列を返すデータソースを使用する場合、式で実行したときに異なるように見えることがあります。

現在、データフレームを使用する場合にサポートされる時系列以外の形式 (数値) は、時間、文字列の列、1 つの数値列のないデータフレームを返すテーブルレスポンスのみです。

次の例のテーブルは、式で動作する数値を生成します。文字列の列はラベルになり、数値列は対応する値になります。例えば、`{"Loc": "MIA", "Host": "A"}` の値は 1 です。


| Loc | ホスト | Avg\$1CPU | 
| --- | --- | --- | 
| MIA | A | 1 | 
| NYC | B | 2 | 

**オペレーション**

式には math、reduce、リサンプリング演算を使用できます。

**数値演算**

Math は、時系列または数値データに関する自由形式の数式です。Math 演算子では、数値と時系列を入力として受け取り、異なる数値と時系列に変更します。

他のクエリまたは式からのデータは、`$A` などのドル記号のプレフィックスが付いた RefID で参照されます。変数の名前にスペースがある場合は、`${my variable}` のような中括弧構文を使用できます。

数値定数は、10 進数 (`2.24`)、8 進数 (`072` のような先頭がゼロ)、または 16 進数 (`0x2A` のような先頭が 0x) にすることができます。指数と記号もサポートされています (例: `-0.8e-2`）。

**演算子**

算術演算子 (`+`、二項および単項 `-`、`*`、`/`、`%`、指数 `**`)、リレーショナル演算子 (`<`、`>`、`==`、`!=`、`>=`、`<=`)、論理演算子 (`&&`、`||`、および単項 `!`) がサポートされています。

データに対する演算処理は、数値データか時系列データかによって異なります。

`$A + $B` や `$A || $B` などの二項演算では、データのタイプに応じて、演算子は次の方法で適用されます。
+ `$A` と `$B` の両方が数値の場合、2 つの数値の間で演算が実行されます。
+ 1 つの変数が数値で、もう 1 つの変数が時系列の場合、時系列の各ポイントの値と数値との間の演算が実行されます。
+ `$A` と `$B` の両方が時系列データである場合、2 つの系列の各値間の演算は、`$A` と `$B` の両方に存在するタイムスタンプごとに実行されます。`Resample` 演算を使用してタイムスタンプを並べることができます。

まとめ
+ Number <Operation> number = 数値
+ Number <Operation> series = 系列
+ Series <Operation> series = 系列

式は 1 つの変数で表される複数の系列または数値で動作するため、二項演算は 2 つの変数間の統合 (結合) も実行します。これは、個々の系列または数値に関連付けられた識別ラベルに基づいて行われます。

したがって、`$A` にある `{host=web01}` のようなラベルを持つ数値と、同じラベルを持つ `$B` に別の数値がある場合、各変数内のこれら 2 つの項目間で演算が実行され、結果は同じラベルを共有します。この統合の動作のルールは次のとおりです。
+ ラベルのない項目は、すべてに結合されます。
+ `$A` と `$B` の両方に 1 つの項目 (1 つの系列、または 1 つの数値) しか含まれていない場合、それらは結合されます。
+ ラベルが完全に一致する場合、それらは結合されます。
+ ラベルが他のサブセットである場合、例えば、`$A` の項目には `{host=A,dc=MIA}` ラベルが付けられ、`$B` の項目には `{host=A}` ラベルが付けられると結合されます。
+ 項目ごとに異なるタグキーがある `$A` などの変数内では、結合動作は不定です。

リレーショナル演算子と論理演算子は、偽の場合は 0、真の場合は 1 を返します。

**数値演算関数**

ほとんどの関数は独自の式の演算にありますが、数値演算関数には、数学演算子や数学記号に似た関数がいくつかあります。関数が数値または系列のいずれかを取ることができる場合、引数と同じタイプが返されます。系列の場合、系列内の各ポイントの値に対して演算が実行されます。

*abs*

abs は、引数の絶対値を返します。これは、数値または系列です。例えば、`abs(-1)`、`abs($A)` などです。

*is\$1inf*

is\$1inf は数値または系列を取得し、`Inf` 値 (負または正) の `1` と他の値の `0` を返します。例えば、`is_inf($A)` などです。

**注記**  
例えば、負の無限大を具体的にチェックする必要がある場合は、`$A == infn()` のような比較を行うことができます。

*is\$1nan*

is\$1nan は数値または系列を取得し、`NaN` 値の `1` と他の値の `0` を返します。例えば、`is_nan($A)` などです。`NaN` は `NaN` と等しくないため、このチェックにはこの関数が必要です。

*[is\$1null]*

is\$1null は数値または系列を取得し、`null` 値の `1` と他の値の `0` を返します。例えば、`is_null($A)` などです。

*is\$1number*

is\$1number は数値または系列を取得し、すべての実数値の `1` と他の値 (`null`、`Inf+`、`Inf-`、および `NaN`) の `0` を返します。例えば、`is_number($A)` などです。

*log*

Log は、引数の自然対数を返します。これは、数値または系列です。値が 0 未満の場合、`NaN` が返されます。例えば、`log(-1)`、`log($A)` などです。

*[inf、infn、nan、null]*

inf、infn、nan、null 関数はすべて、名前の単一の値を返します。これらは主にテスト用です。例えば、`null()` などです。

*round*

Round は、丸められた整数値を返します。例えば、`round(3.123)`、`round($A)` です。

*ceil*

Ceil は、数値を最も近い整数値に切り上げます。例えば、`ceil(3.123)` は `4` を返します。

*floor*

Floor は、数値を最も近い整数値に切り下げます。例えば、`floor(3.123` は `3` を返します。

**[削減]**

Reduce は、クエリまたは式から返される 1 つ以上の時系列を取得し、各系列を 1 つの数値に変換します。時系列のラベルは、それぞれ出力される削減された数値のラベルとして保持されます。

*[フィールド]*
+ **[関数]** – 使用する削減関数
+ **[入力]** – リサンプリングする変数 (refID (`A` など))
+ **[モード]** – 系列に数値以外の値が含まれている場合、削減関数の制御動作を許可します (null、NaN 、\$1-Inf)

**削減関数**

*Count*

Count は、各系列内のポイント数を返します。

*Mean*

Mean は、各系列のすべての値の合計を、その系列のポイント数で割った値を返します。`strict` モードでは、系列内の値が null または nan の場合、または系列が空の場合、NaN が返されます。

*[最小 と 最大]*

最小 と 最大は、系列内の最小値または最大値をそれぞれ返します。`strict` モードでは、系列内の値が null または nan の場合、または系列が空の場合、NaN が返されます。

*Sum*

Sum は、系列のすべての値の合計を返します。系列の長さがゼロの場合、合計は 0 になります。`strict` モードでは、系列内の値に NaN または Null がある場合、NaN が返されます。

*Last*

Last は、系列内の最後の数値を返します。系列に値がない場合は、NaN を返します。

**制限モード**

*Strict*

Strict モードでは、入力系列はそのまま処理されます。系列内の値が数値以外の場合 (null、NaN、または \$1-Inf)、NaN が返されます。

*Drop Non-Numeric*

このモードでは、入力系列内のすべての非数値 (null、NaN、または \$1-Inf) は、制限関数を実行する前に除外されます。

*Replace Non-Numeric*

このモードでは、数値以外の値はすべて事前定義された値に置き換えられます。

**[リサンプリング]**

リサンプリングでは、各時系列のタイムスタンプが一貫した時間間隔になるように変更されます。主なユースケースは、同じタイムスタンプを共有しない時系列をリサンプリングして、それらの間で演算を実行できるようにすることです。これは、2 つの系列をそれぞれリサンプリングし、リサンプリングされた変数を参照する Math 演算で行うことができます。

*[フィールド]*
+ **[入力]** – リサンプリングする時系列データの変数 (refID (`A` など))
+ **[リサンプリング]**先 — リサンプリング先の期間。例: `10s`。単位は、`s` 秒、`m` 分、`h` 時間、`d` 日、`w` 週、`y` 年です。
+ **[ダウンサンプリング]** – ウィンドウサンプルごとに複数のデータポイントがある場合に使用する制限関数。動作の詳細については、「制限関数」を参照してください。
+ **[アップサンプリング]** – データポイントがないウィンドウサンプルを埋めるために使用するメソッド。
  + **pad** で最後の既知の値に置換
  + **backfill** で次の既知の値に置換
  + **fillna** で空のサンプルウィンドウを NaN に置換

## 式の書き込み
<a name="v10-panels-query-write"></a>

データソースがサポートしている場合、Grafana は **[式]** ボタンを表示し、クエリエディタリストに既存の式を表示します。

**式を記述するには**

1. パネルを開きます。

1. クエリの下で、**[式]** を選択します。

1. **[演算]** フィールドで、書き込む式のタイプを選択します。

1. 式を書き込みます。

1. **[適用]** を選択します。

## 特殊なケース
<a name="v10-panels-query-special"></a>

クエリされたデータソースが系列や数値を返さない場合、式エンジンは `NoData` を返します。例えば、式によってマージされた 2 つのデータソースクエリがリクエストに含まれている場合、`NoData` が少なくとも 1 つのデータソースクエリによって返された場合、クエリ全体で返される結果は `NoData` になります。Grafana アラートが `NoData` 結果を処理する方法の詳細については、「[Grafana マネージドアラートルールを設定する](v10-alerting-configure-grafanamanaged.md)」を参照してください。

複数のクエリで式を使用する場合、式エンジンはすべてのクエリが同一のタイムスタンプを返す必要があります。例えば、演算を使用して、それぞれが `SELECT NOW() AS "time"` を使用する複数の SQL クエリの結果を組み合わせる場合、式はすべてのクエリが `NOW()` を同一のタイムスタンプとして評価する場合にのみ機能します。これは必ずしも発生するわけではありません。これを解決するには、`NOW()` を `SELECT 1 AS "time"` などの任意の時刻、またはその他の有効な UNIX タイムスタンプに置き換えることができます。

# 別のパネルとクエリ結果を共有する
<a name="v10-panels-query-share"></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 では、ダッシュボード内にある他の任意のパネルに対して、1 つのパネルからのクエリ結果を使用できます。パネル間でクエリ結果を共有すると、データソースに対して実行されるクエリの数が減少し、ダッシュボードのパフォーマンスが向上します。

*ダッシュボード*のデータソースを使用すると、結果を共有するクエリを含むダッシュボード内のパネルを選択できます。パネルごとに個別のクエリを送信する代わりに、Grafana は 1 つのクエリを送信し、他のパネルはクエリ結果を使用して視覚化を構築します。

この戦略は、例えば、同じデータを視覚化する複数のパネルがある場合に実行されるクエリの数を大幅に減らすことができます。

**クエリ結果を共有するには**

1. [ダッシュボードを作成](v10-dash-creating.md)します。

1. タイトルを「`Source panel`」に変更します。このパネルを他のパネルのソースとして使用します。

1. 共有するクエリを (複数) 定義します。

   利用可能なデータソースがない場合は、**Grafana** データソースを使用します。このデータソースは、テストに使用できるランダムな時系列を返します。

1. 2 番目のパネルを追加し、クエリエディタで **[ダッシュボード]** データソースを選択します。

1. **[パネルリストから結果を使用する]** で、最初に作成したパネルを選択します。

ソースパネルで定義されたすべてのクエリが新しいパネルで使用できるようになりました。ソースパネルで行われたクエリは、複数のパネルと共有できます。

任意のクエリをクリックして、そのクエリが定義されたパネルに移動できます。

# [データを変換する]
<a name="v10-panels-xform"></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-panels-xform-types"></a>

Grafana には、データを変換するさまざまな方法があります。変換関数の完全なリストを以下に示します。

## 変換の順序
<a name="v10-panels-xform-order"></a>

複数の変換がある場合、Grafana はリスト順で変換を適用します。各変換では、処理中のパイプラインにある次の変換に渡される新しい結果セットが作成されます。

Grafana が変換を適用する順序は、結果に直接影響します。例えば、縮小変換を使用して 1 つの列のすべての結果を 1 つの値に集約する場合、変換はその 1 つの値にのみ適用できます。

## 変換関数をデータに追加する
<a name="v10-panels-xform-add"></a>

次の手順は、データに変換を追加する方法を示しています。このドキュメントには、変換のタイプごとの手順は含まれていません。

**パネルに変換を追加するには**

1. 1 つ以上の変換を追加するパネルに移動します。

1. パネルのいずれかの部分にカーソルを合わせると、右上隅にアクションメニューが表示されます。

1. アクションメニューで、**[編集]** を選択します。

1. **[変換]** タブを選択します。

1. 変換を選択します。変換オプションを設定する変換行が表示されます。

1. **[変換ルールの追加]** を選択すると、別の変換ルールを追加できます。この変換は、前の変換が返した結果セットに作用します。

## 変換をデバッグする
<a name="v10-panels-xform-debug"></a>

変換の入力と出力の結果セットを表示するには、変換行の右側にあるデバッグ (バグ) アイコンを選択します。これにより、入力データと変換の結果が出力として表示されます。

入出力の結果セットにより、変換のデバッグが可能になります。

## 変換を無効にする
<a name="v10-panels-xform-disable"></a>

変換行の右上にある表示 (目) アイコンを選択すると、変換を無効化または非表示にできます。これにより、その特定の変換に適用されたアクションが無効になり、複数の変換を次々に変更するときに問題を特定するのに役立ちます。

## 変換をフィルタリングする
<a name="v10-panels-xform-filter"></a>

変換で複数のクエリを使用している場合、これらをフィルタリングし、選択した変換を 1 つのクエリにのみ適用できます。これを行うには、変換行の右上にあるフィルターアイコンを選択します。これにより、パネルで使用されるクエリのリストを含むドロップダウンが開きます。ここから、変換するクエリを選択できます。

(例を含む) 注釈でフィルタリングして、変換を適用することもできます。これを行うと、フィールドのリストが変更され、注釈または例のツールチップに反映されます。

フィルターアイコンは、パネルに複数のクエリまたはデータソース (パネルまたは注釈データ) がある場合に常に表示されますが、クエリの出力をマージするための以前の変換が適用されている場合には機能しない場合があります。これは、1 つの変換が前の変換の出力を取得するためです。

## 変換を削除する
<a name="v10-panels-xform-delete"></a>

不要な変換を削除することをお勧めします。変換を削除すると、視覚化からデータが削除されます。

前提条件:

変換に依存するすべてのダッシュボードを特定し、影響を受けるダッシュボードのユーザーに通知します。

**変換を削除するには**

1. パネルを開いて編集します。

1. **[変換]** タブを選択します。

1. 削除する変換の横にあるごみ箱アイコンを選択します。

# 変換関数
<a name="v10-panels-xform-functions"></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-panels-xform-funcs-add"></a>

この変換を使用して、他の 2 つのフィールドから計算した新しいフィールドを追加します。各変換では 1 つの新しいフィールドを追加できます。
+ **[モード]** – 以下のモードを選択します。
  + **[行を減らす]** – 選択したフィールドの各行に、選択済みの計算を個別に適用します。
  + **[二項演算]** – 選択した 2 つのフィールドから 1 行の値に基本的な二項演算 (合計や乗算など) を適用します。
  + **[単項演算]** – 選択したフィールドの 1 行の値に基本的な単項演算を適用します。使用できるオプションは、以下のとおりです。
    + **[絶対値 (abs)]** － 指定された式の絶対値を返します。これは、ゼロからの距離を正の数として表します。
    + **[Natural exponential (exp)]** (自然指数) - 特定の式の冪 *e* を返します。
    + **[Natural logarithm (ln)]** (自然対数) － 指定された式の自然対数を返します。
    + **[Floor (floor)]** (床関数) – 特定の式以下の最大整数を返します。
    + **[Ceiling (ceil)]** (天井関数) - 指定された式以上の最小整数を返します。
  + **[累積関数]** – 現在の行とそれ以前のすべての行に関数を適用します。
    + **[Total]** – 現在の行までの累積合計を計算します。
    + **[Mean]** – 現在の行までの平均を計算します。
  + **[ウィンドウ関数]** – ウィンドウ関数を適用します。ウィンドウは、*[trailing]* (末尾) または *[centered]* (中央) のいずれかになります。末尾のウィンドウでは、現在の行がウィンドウの最後の行になります。中央のウィンドウでは、ウィンドウは現在の行を中心とします。均等なウィンドウサイズの場合、ウィンドウは現在の行と前の行の中心になります。
    + **[Mean]** - 移動平均または実行平均を計算します。
    + **** – 移動標準偏差を計算します。
    + **[Variance]** – 移動分散を計算します。
  + **[行インデックス]** – 行インデックスを含むフィールドを挿入します。
+ **[Field name]** – 新しいフィールドの計算に使用する、フィールドの名前を選択します。
+ **[計算]** – **[掃き出し法]** を選択すると、**[計算]** フィールドが表示されます。フィールドを選択すると、新しいフィールドの作成に使用できる計算の選択肢が一覧で表示されます。使用可能な計算の詳細については、「[計算タイプ](v10-panels-calculation-types.md)」を参照してください。
+ **[演算]** – **[二項演算]** または **[単項演算]** モードを選択すると、**[演算]** フィールドが表示されます。これらのフィールドを使用すると、2 つの選択したフィールドから 1 行の値に対して基本的な数学演算を実行できます。二項演算に数値を使用することもできます。
+ **[As percentile]** – **[行インデックス]** モードを選択すると、**パーセンタイルとして**スイッチが表示されます。このスイッチを使用すると、行インデックスを行の合計数に対する割合で変換できます。
+ **[エイリアス]** – (オプション) 新しいフィールドの名前を入力します。このフィールドを空白のままにすると、計算に一致するようにフィールドの名前が付けられます。
+ **[すべてのフィールドを置き換え]** – (オプション) 他のすべてのフィールドを非表示にし、計算したフィールドのみを視覚化に表示する場合は、このオプションを選択します。

**注記**  
**[累積関数]**と**[ウィンドウ関数]**は、パブリックプレビューでは最新です。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

## 連結フィールド
<a name="v10-panels-xform-funcs-concat"></a>

**[連結フィールド]**

この変換を使用して、全フレームの全フィールドを 1 つの結果に結合します。

例えば、温度とアップタイムデータ (クエリ A) と空気品質インデックスとエラー情報 (クエリ b) を取得する個別のクエリがある場合、連結変換を適用すると、すべての関連情報が 1 つのビューに統合されたデータフレームが生成されます。

次の 2 つについて考えてみましょう。

*クエリ A*


| 温度 | アップタイム | 
| --- | --- | 
| 15.4 | 1230233 | 

*クエリ B*


| AQI | エラー | 
| --- | --- | 
| 3.2 | 5 | 

フィールドを連結すると、データフレームは次のようになります。


| 温度 | アップタイム | AQI | エラー | 
| --- | --- | --- | --- | 
| 15.4 | 1230233 | 3.2 | 5 | 

この変換により、さまざまなソースからのデータをマージするプロセスが簡素化され、分析と視覚化の包括的なビューが提供されます。

## クエリ結果から設定
<a name="v10-panels-xform-funcs-config"></a>

**[クエリ結果から設定]**

この変換を使用して、1 つのクエリを選択し、**[最小]** 、**[最大]** 、**[単位]**、**[しきい値]**などの標準オプションを抽出し、他のクエリ結果に適用します。これにより、特定のクエリによって返されるデータに基づいて、動的な視覚化設定が可能になります。

**オプション**
+ **[Config query]** (設定クエリ) – 設定として使用するデータを返すクエリを選択します。
+ **[適用先]** – 設定を適用するフィールドまたは系列を選択します。
+ **[オプションに適用]** – フィールドタイプを指定するか、**[適用先]** の選択に応じてフィールド名の正規表現を使用します。

**フィールドマッピングテーブル**

設定オプションの下に、フィールドマッピングテーブルがあります。このテーブルには、設定クエリによって返されるデータに含まれるすべてのフィールドと、**[用途]** および **[選択]** オプションが一覧表示されます。設定プロパティへのマッピングフィールドを制御でき、複数の行に対して選択する値を選べます。

次の例は、入力クエリとフィールド設定として使用されるクエリを示しています。

*入力クエリ*


| Time | 値 | 
| --- | --- | 
| 1626178119127 | 10 | 
| 1626178119129 | 30 | 

*設定クエリ*


| Time | 値 | 
| --- | --- | 
| 1626178119127 | 100 | 
| 1626178119129 | 100 | 

*出力クエリ (入力と同じですが、値フィールドに 設定が追加されました)*


| Time | 値 (設定: Max=100) | 
| --- | --- | 
| 1626178119127 | 10 | 
| 1626178119129 | 30 | 

各フィールドで最大設定オプションが設定されるようになりました。**[最小値]**、**[最大値]**、**[単位]**、**[しきい値]** などのオプションは、フィールド設定の一部です。設定すると、パネルエディタのオプションペインで手動で設定されたオプションではなく、視覚化によって使用されます。

**[値のマッピング]**

クエリ結果を値のマッピングに変換することもできます。このオプションでは、設定クエリ結果のすべての行で 1 つの値のマッピング行を定義します。次の例を参照してください。

*設定クエリ結果*


| 値 | テキスト | 色 | 
| --- | --- | --- | 
| L | 低 | 青 | 
| M | 中 | 緑色 | 
| H | 高 | 赤 | 

*フィールドマッピングで、以下を指定します。*


| フィールド | Use as | Select | 
| --- | --- | --- | 
| 値 | 値マッピング / Value | [すべての値] | 
| テキスト | 値マッピング / Text | [すべての値] | 
| 色 | 値マッピング / Color | [すべての値] | 

Grafana はクエリ結果から値マッピングを構築し、実際のデータクエリ結果に適用します。設定クエリの結果に従って、値がマッピングされ、色付けされているはずです。

## フィールドタイプの変換
<a name="v10-panels-xform-funcs-convert"></a>

この変換を使用して、指定されたフィールドのフィールドタイプを変更します。

この変換には、次のオプションがあります。
+ **[Field]** – 使用可能なフィールドから選択します。
+ **[as]** – 変換するフィールドタイプを選択します。
  + **[Numeric]** – 値の数値の作成を試みます。
  + **[String]** – 値の文字列を作成します。
  + **[時間]** – 値を時間として解析しようとします。
    + DateFormat を `yyyy-mm-dd` や `DD MM YYYY hh:mm:ss` などの文字列の入力として指定するオプションを表示します。
  + **[Boolean]** – 値はブール値になります。
  + **[Enum]** – 値は列挙型になります。
    + 列挙を管理するテーブルを表示します。
  + **[Other]** – 値を json として解析しようとします。

例えば、時間フィールドを **[時間]** として、日付形式を `YYYY` として選択することで変更できる次のクエリを考えてみましょう。


| Time | Mark | 値 | 
| --- | --- | --- | 
| 2017-07-01 | above | 25 | 
| 2018-08-02 | below | 22 | 
| 2019-09-02 | below | 29 | 
| 2020-10-04 | above | 22 | 

結果


| Time | Mark | 値 | 
| --- | --- | --- | 
| 2017-01-01 00:00:00 | above | 25 | 
| 2018-01-01 00:00:00 | below | 22 | 
| 2019-01-01 00:00:00 | below | 29 | 
| 2020-01-01 00:00:00 | above | 22 | 

この変換により、データタイプを柔軟に適応させ、視覚化の互換性と一貫性を確保できます。

## Extract Fields (フィールドの抽出)
<a name="v10-panels-xform-funcs-extract"></a>

この変換を使用して、データソースを選択し、さまざまな形式でそこからコンテンツを抽出します。この変換には次のフィールドがあります。
+ **[ソース]** – データソースのフィールドを選択します。
+ **[形式]** – 次のいずれかを選択します。
  + **[JSON]** – ソースから JSON コンテンツを解析します。
  + **[キーと値のペア]** – ソースからの形式 `a=b` または `c:d` にあるコンテンツを解析します。
  + **[自動]** – フィールドを自動的に検出します。
+ **[すべてのフィールドを置き換え]** – (オプション) 他のすべてのフィールドを非表示にし、計算したフィールドのみを視覚化に表示する場合は、このオプションを選択します。
+ **[時間保持]** - (オプション) **[すべてのフィールドを置き換え]** が真の場合にのみ使用できます。出力の時間フィールドを保持します。

以下のデータセットを考えてみましょう。

**データセットの例**


| Timestamp | json\$1data | 
| --- | --- | 
| 1636678740000000000 | \$1"value": 1\$1 | 
| 1636678680000000000 | \$1"value": 5\$1 | 
| 1636678620000000000 | \$1"value": 12\$1 | 

この設定を使用して、[時系列パネル](v10-panels-time-series.md)で使用されるデータを準備できます。
+ Source: json\$1data
+ 形式: JSON
  + Field: value
  + Alias: my\$1value
+ すべてのフィールドを置き換え: 真
+ 時間保持: 真

これにより、次の出力が生成されます。

**[変換されたデータ]**


| Timestamp | my\$1value | 
| --- | --- | 
| 1636678740000000000 | 1 | 
| 1636678680000000000 | 5 | 
| 1636678620000000000 | 12 | 

この変換では、さまざまな方法でデータを抽出、フォーマットできます。特定のデータニーズに基づいて抽出形式をカスタマイズできます。

## リソースからフィールドを検索
<a name="v10-panels-xform-funcs-lookup"></a>

この変換を使用して、外部ソースから追加のフィールドを検索してフィールド値を充実させます。

この変換には次のフィールドがあります。
+ **[Field]** (フィールド) – データセットからテキストフィールドを選択します。
+ **[ルックアップ]** - **[Countries]** (国)、**[USA States]** (米国の州)、および **[Airports]** (空港) から選択します。

**注記**  
この変換は空間データのみをサポートします。

例えば、以下のデータがある場合を考えてみましょう。

**データセットの例**


| ロケーション | 値 | 
| --- | --- | 
| AL | 0 | 
| AK | 10 | 
| Arizona | 5 | 
| Arkansas | 1 | 
| Somewhere | 5 | 

この設定では、次のようになります。
+ Field: location
+ Lookup: USA States

この場合、次の出力が返されます。

**[変換されたデータ]**


| ロケーション | ID | 名前 | Lng | Lat | 値 | 
| --- | --- | --- | --- | --- | --- | 
| AL | AL | Alabama | -80.891064 | 12.448457 | 0 | 
| AK | AK | Arkansas | -100.891064 | 24.448457 | 10 | 
| Arizona |  |  |  |  | 5 | 
| Arkansas |  |  |  |  | 1 | 
| Somewhere |  |  |  |  | 5 | 

この変換により、外部ソースから追加情報を取得してデータを拡張し、分析と視覚化のためのより包括的なデータセットを提供できます。

## クエリ refId によるデータのフィルタリング
<a name="v10-panels-xform-funcs-queryrefid"></a>

この変換を使用して、複数のクエリがあるパネル内の 1 つ以上のクエリを非表示にします。

Grafana では、クエリ識別文字がダークグレーテキストで表示されます。フィルタリングを切り替えるには、クエリ識別子を選択します。クエリ文字が白い場合、結果が表示されます。クエリ文字が暗い場合、結果は非表示です。

**注記**  
この変換は Graphite では使用できません。このデータソースは、返されたデータとクエリの相関関係をサポートしていないためです。

## 値によるデータのフィルタリング
<a name="v10-panels-xform-funcs-values"></a>

この変換を使用して、視覚化内で直接データポイントを選択的にフィルタリングします。この変換では、選択したフィールドに適用された 1 つ以上の条件に基づいて、データを含める、または除外するためのオプションを提供します。

この変換は、データソースが値によってネイティブにフィルタリングしない場合に非常に便利です。共有クエリを使用している場合、これを使用して値を絞り込んで表示することもできます。

すべてのフィールドで使用できる条件は次のとおりです。
+ **[Regex]** – 正規表現を照合します。
+ **[Is Null]** – 値が null の場合に照合。
+ ** [Is Not Null]** – 値が null でない場合に照合します。
+ **Equal** – 値が指定値と等しい場合に照合します。
+ **Different** – 値が指定された値と異なる場合に照合します。

数値フィールドで使用可能なその他の条件は次のとおりです。
+ **Greater** – 値が指定値より大きい場合に照合します。
+ **Lower** – 値が指定値よりも小さい場合に照合します。
+ **Greater or equal** – 値が指定値以上の場合に照合します。
+ **Lower or equal** – 値が指定値以下の場合に照合します。
+ **Range** – 指定された最小値と最大値 (最小値と最大値を含む) 間の範囲を照合します。

以下のデータセットを考えてみましょう。


| Time | 温度 | 高度 | 
| --- | --- | --- | 
| 2020-07-07 11:34:23 | 32 | 101 | 
| 2020-07-07 11:34:22 | 28 | 125 | 
| 2020-07-07 11:34:21 | 26 | 110 | 
| 2020-07-07 11:34:20 | 23 | 98 | 
| 2020-07-07 10:32:24 | 31 | 95 | 
| 2020-07-07 10:31:22 | 20 | 85 | 
| 2020-07-07 09:30:57 | 19 | 101 | 

温度が 30°C 未満のデータポイントを **[含める]** にすると、設定は次のようになります。
+ フィルタータイプ: [含める]
+ Condition:「温度」が [Lower Than] (未満)、「30」と一致する行

30°C 未満の温度のみが含まれる場合、次の結果が得られます。

**[変換されたデータ]**


| Time | 温度 | 高度 | 
| --- | --- | --- | 
| 2020-07-07 11:34:22 | 28 | 125 | 
| 2020-07-07 11:34:21 | 26 | 110 | 
| 2020-07-07 11:34:20 | 23 | 98 | 
| 2020-07-07 10:31:22 | 20 | 85 | 
| 2020-07-07 09:30:57 | 19 | 101 | 

複数の条件をフィルターに追加できます。例えば、高度が 100 を超える場合にのみデータを含めることができます。これを行うには、次の設定にその条件を追加します。
+ フィルタータイプ: 条件に [すべて一致] する [含める] 行
+ Condition 1:「温度」が [Lower Than] (未満)、「30」と一致する行
+ Condition 2:「高度」が [Greater] (超え)、「100」と一致する行

複数の条件がある場合、条件に**すべて一致**、または追加した条件の**いずれかに一致**する行にアクション (包含/除外) を適用するかを選択できます。

上記の例では、温度が 30°C 未満*かつ*高度が 100 を超える行を含めるため、**[すべて一致]** を選択しました。温度が 30°C 未満*または*高度が 100 を超える行を含める場合は、**[任意の一致]** を選択します。これには、元のデータの最初の行が含まれます。元のデータの温度は 32°C (最初の条件と一致しない) ですが、高度は 101 (2 番目の条件と一致する) であるため、含まれます。

無効または不完全な設定条件は無視されます。

この汎用的なデータフィルタリング変換により、特定の条件に基づいてデータポイントを選択的に含めたり除外したりできます。条件をカスタマイズしてデータプレゼンテーションを調整し、独自の分析ニーズを満たすことが可能です。

## Filter fields by name (名前によるフィールドのフィルタリング)
<a name="v10-panels-xform-funcs-name"></a>

この変換を使用して、クエリ結果の一部を削除します。フィールド名をフィルタリングする方法は 3 つあります。
+ 正規表現を入力します。
+ 含まれるフィールドを手動で選択します。
+ ダッシュボード変数を使用します。

*正規表現を使用*

正規表現を使用してフィルタリングすると、正規表現に一致するフィールド名が含まれます。例えば、正規表現 `'prod.*'` を使用すると、`prod` で始まるフィールドのみが返されます。

正規表現には、`${variableName}` 構文を使用して補間されたダッシュボード変数を含めることができます。

*含まれるフィールドを手動で選択*

フィールド名を選択または選択解除して、結果から削除します。正規表現も含まれている場合、チェックが入っていない場合でも、式に一致するフィールドが含まれます。

*ダッシュボード変数を使用*

**[変数から]** を選択すると、フィールドを含めるために使用されるダッシュボード変数を選択できます。複数の選択肢を持つダッシュボード変数を設定することで、同じフィールドを複数の視覚化にわたって表示できます。

この変換により、効果的な分析と視覚化に必要な特定のフィールドに焦点を当てて、クエリ結果を柔軟に調整できます。

## 文字列の形式を設定する
<a name="v10-panels-xform-funcs-string"></a>

この変換を使用して、文字列フィールドの出力をカスタマイズします。この変換には次のフィールドがあります。
+ **大文字** – 文字列全体を大文字形式にします。
+ **小文字** – 文字列全体を小文字形式にします。
+ **センテンスケース** – 文字列の最初の文字を大文字の形式にします。
+ **タイトルケース** – 文字列内の各単語の最初の文字を大文字の形式にします。
+ **パスカルケース** – 文字列内の各単語の最初の文字を大文字の形式にし、単語間のスペースは含まれません。
+ **キャメルケース** – 最初の単語を除き、文字列内の各単語の最初の文字を大文字の形式にし、単語間のスペースは含まれません。
+ **スネークケース** – 文字列内のすべての文字を小文字の形式にし、単語間のスペースの代わりにアンダースコアを使用します。
+ **ケバブケース** – 文字列内のすべての文字を小文字の形式にし、単語間のスペースの代わりにダッシュを使用します。
+ **Trim** – 文字列から先頭と末尾のすべてのスペースを削除します。
+ **文字列の単位** – 指定された開始位置と終了位置を使用して、文字列のサブ文字列を返します。

この変換により、視覚化と分析を向上させるために文字列データのプレゼンテーションを標準化して調整する便利な方法が提供されます。

**注記**  
この変換は現在パブリックプレビュー中です。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

## 時間形式
<a name="v10-panels-xform-funcs-time"></a>

この変換を使用して、時間フィールドの出力をカスタマイズします。出力は、[Moment.js 形式の文字列](https://momentjs.com/docs/#/displaying/)を使用してフォーマットできます。例えば、時間フィールドの年のみを表示する場合は、形式文字列「YYYY」を使用して暦年 (1999 年や 2012 年など) を表示できます。

**[変換前]**


| タイムスタンプ | イベント | 
| --- | --- | 
| 1636678740000000000 | システムスタート | 
| 1636678680000000000 | ユーザーログイン | 
| 1636678620000000000 | データ更新 | 

**「YYYY-MM-DD HH:mm:ss」を適用した後**


| タイムスタンプ | イベント | 
| --- | --- | 
| 2021-11-12 14:25:40 | システムスタート | 
| 2021-11-12 14:24:40 | ユーザーログイン | 
| 2021-11-12 14:23:40 | データ更新 | 

この変換により、視覚化の時間表現を調整し、時間データを表示する柔軟性と精度を提供できます。

**注記**  
この変換は、アルファ機能として Grafana v10 と互換性のあるワークスペースで使用できます。

## グループ化の条件
<a name="v10-panels-xform-funcs-group"></a>

この変換では、指定されたフィールド (列) 値でデータをグループ化し、各グループの計算を処理します。計算選択肢のリストの表示を選択します。

オリジナルデータの例を次に示します。


| Time | サーバー ID | CPU 温度 | サーバーステータス | 
| --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 1 | 80 | シャットダウン | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 3 | 62 | OK | 
| 7/7/2020 午前 10 時 32 分 20 秒 | サーバー 2 | 90 | オーバーロード | 
| 7/7/2020 午前 10 時 31 分 22 秒 | サーバー 3 | 55 | OK | 
| 7/7/2020 午前 9 時 30 分 57 秒 | サーバー 3 | 62 | 再起動 | 
| 7/7/2020 午前 9 時 30 分 5 秒 | サーバー 2 | 88 | OK | 
| 7/7/2020 午前 9 時 28 分 6 秒 | サーバー 1 | 80 | OK | 
| 7/7/2020 午前 9 時 25 分 5 秒 | サーバー 2 | 88 | OK | 
| 7/7/2020 午前 9:23:07 | サーバー 1 | 86 | OK | 

この変換では 2 つのステップを実行します。まず、データをグループ化させる 1 つ以上のフィールドを指定します。これにより、これらのフィールドの同じ値すべてが、ソートされたかのようにグループ化されます。例えば、サーバー ID フィールドでグループ化すると、次のようにデータがグループ化されます。


| Time | サーバー ID | CPU 温度 | サーバーステータス | 
| --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 1 | 80 | シャットダウン | 
| 7/7/2020 午前 9 時 28 分 6 秒 | サーバー 1 | 80 | OK | 
| 7/7/2020 午前 9:23:07 | サーバー 1 | 86 | OK | 
| 7/7/2020 午前 10 時 32 分 20 秒 | サーバー 2 | 90 | オーバーロード | 
| 7/7/2020 午前 9 時 30 分 5 秒 | サーバー 2 | 88 | OK | 
| 7/7/2020 午前 9 時 25 分 5 秒 | サーバー 2 | 88 | OK | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 3 | 62 | OK | 
| 7/7/2020 午前 10 時 31 分 22 秒 | サーバー 3 | 55 | OK | 
| 7/7/2020 午前 9 時 30 分 57 秒 | サーバー 3 | 62 | 再起動 | 

同じ値のサーバー ID を持つすべての行がグループ化されます。

データをグループ化するフィールドを選択すると、他のフィールドにさまざまな計算を追加でき、その計算を行の各グループに適用できます。例えば、これらの各サーバーの平均 CPU 温度を計算できます。そのため、CPU 温度フィールドに適用される*[平均]*計算を追加して、以下を取得できます。


| サーバー ID | CPU 温度 (平均) | 
| --- | --- | 
| サーバー 1 | 82 | 
| サーバー 2 | 88.6 | 
| サーバー 3 | 59.6 | 

また、複数の計算を追加できます。例:
+ 時間のフィールドでは、*[最後]*の値を計算して、各サーバーで最後のデータポイントがいつ受信されたかを把握できます。
+ サーバーステータスフィールドでは、*[最後]*の値を計算して、サーバーごとに最後の状態値を確認できます。
+ また、温度フィールドでは、*最後*の値を計算して、サーバーごとに最新の測定温度を知ることもできます。

その後、以下を取得します。


| サーバー ID | CPU 温度 (平均) | CPU 温度 (最新) | 時間 (最後) | サーバーステータス (最後) | 
| --- | --- | --- | --- | --- | 
| サーバー 1 | 82 | 80 | 7/7/2020 午前 11 時 34 分 20 秒 | シャットダウン | 
| サーバー 2 | 88.6 | 90 | 7/7/2020 午前 10 時 32 分 20 秒 | オーバーロード | 
| サーバー 3 | 59.6 | 62 | 7/7/2020 午前 11 時 34 分 20 秒 | OK | 

この変換により、時系列からキー情報を抽出して便利な方法で表示できます。

## Grouping to matrix (マトリックスへのグループ化)
<a name="v10-panels-xform-funcs-groupmatrix"></a>

この変換を使用して、クエリ出力の **[列]**、**[行]**、**[セル値]** フィールドの入力として使用される 3 つのフィールドを組み合わせて、マトリックスを生成します。以下のようにマトリックスが計算されます。

**元のデータ**


| サーバー ID | CPU 温度 | サーバーステータス | 
| --- | --- | --- | 
| サーバー 1 | 82 | OK | 
| サーバー 2 | 88.6 | OK | 
| サーバー 3 | 59.6 | シャットダウン | 

列名として `Server Status` の値、行名として `Server ID` の値、各セルの内容として `CPU Temperature` の値を使用して、マトリックスを生成できます。既存の列 (`Server Status`) と行の組み合わせ (`Server ID`) には、各セルの内容が表示されます。残りのセルでは、**[Null]**、**[真]**、**[偽]** 、または **[空]** のどの値を表示するかを選択できます。

**出力**


| サーバー ID サーバーステータス | OK | シャットダウン | 
| --- | --- | --- | 
| サーバー 1 | 82 |  | 
| サーバー 2 | 88.6 |  | 
| サーバー 3 |  | 59.6 | 

この変換を使用して、クエリ結果からフィールドを指定してマトリックスを作成します。マトリックスの出力には、これらのフィールドの一意の値間の関係が反映されます。これにより、複雑な関係を明確で構造化されたマトリックス形式で提示できます。

## Group to nested table (ネストされたテーブルにグループ化)
<a name="v10-panels-xform-funcs-grouptable"></a>

この変換を使用して、指定されたフィールド (列) 値でデータをグループ化し、各グループの計算を処理します。同じグループ化されたフィールド値を共有するレコードが生成され、ネストされたテーブルに表示されます。

フィールドの統計を計算するには、フィールドの横にあるボックスを選択し、**[計算]**オプションを選択します。これにより、統計を選択する別の選択ボックスが追加されます。

次の表にサンプルデータを示します。


| Time | サーバー ID | CPU 温度 | サーバーステータス | 
| --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 1 | 80 | シャットダウン | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 3 | 62 | OK | 
| 7/7/2020 午前 10 時 32 分 20 秒 | サーバー 2 | 90 | オーバーロード | 
| 7/7/2020 午前 10 時 31 分 22 秒 | サーバー 3 | 55 | OK | 
| 7/7/2020 午前 9 時 30 分 57 秒 | サーバー 3 | 62 | 再起動 | 
| 7/7/2020 午前 9 時 30 分 5 秒 | サーバー 2 | 88 | OK | 
| 7/7/2020 午前 9 時 28 分 6 秒 | サーバー 1 | 80 | OK | 
| 7/7/2020 午前 9 時 25 分 5 秒 | サーバー 2 | 88 | OK | 
| 7/7/2020 午前 9:23:07 | サーバー 1 | 86 | OK | 

この変換には 2 つのステップがあります。まず、データをグループ化するフィールドを 1 つ以上指定します。これにより、これらのフィールドの同じ値がすべて、ソートされたかのようにグループ化されます。例えば、`Server ID` フィールドでグループ化した場合、Grafana は次のようにデータをグループ化します。


| サーバー ID | データ | 
| --- | --- | 
| Time | CPU 温度 | サーバーステータス | 
| --- | --- | --- | 
| Time | CPU 温度 | サーバーステータス | 
| --- | --- | --- | 
| Time | CPU 温度 | サーバーステータス | 
| --- | --- | --- | 
| サーバー 1 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| サーバー 2 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| サーバー 3 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 7/7/2020 午前 11 時 34 分 20 秒 | 80 | シャットダウン | 
| 7/7/2020 午前 9 時 28 分 6 秒 | 80 | OK | 
| 7/7/2020 午前 9:23:07 | 86 | OK | 
| 7/7/2020 午前 10 時 32 分 20 秒 | 90 | オーバーロード | 
| 7/7/2020 午前 9 時 30 分 5 秒 | 88 | OK | 
| 7/7/2020 午前 9 時 25 分 5 秒 | 88 | OK | 
| 7/7/2020 午前 11 時 34 分 20 秒 | 62 | OK | 
| 7/7/2020 午前 10 時 31 分 22 秒 | 55 | OK | 
| 7/7/2020 午前 9 時 30 分 57 秒 | 62 | 再起動 | 

データをグループ化するフィールドを選択すると、他のフィールドにさまざまな計算を追加でき、その計算を行の各グループに適用できます。例えば、これらの各サーバーの平均 CPU 温度を計算できます。これを行うには、CPU 温度フィールドに適用された平均計算を追加して、次の結果を取得します。


| サーバー ID | CPU 温度 (平均) |  | 
| --- | --- | --- | 
| Time | サーバーステータス | 
| --- | --- | 
| Time | サーバーステータス | 
| --- | --- | 
| Time | サーバーステータス | 
| --- | --- | 
| サーバー 1 | 82 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| サーバー 2 | 88.6 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| サーバー 3 | 59.6 | [\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/v10-panels-xform-functions.html) | 
| 7/7/2020 午前 11 時 34 分 20 秒 | シャットダウン | 
| 7/7/2020 午前 9:28:06 | OK | 
| 7/7/2020 午前 9:23:07 | OK | 
| 7/7/2020 午前 10 時 32 分 20 秒 | オーバーロード | 
| 7/7/2020 午前 9 時 30 分 5 秒 | OK | 
| 7/7/2020 午前 9:25:05 | OK | 
| 7/7/2020 午前 11 時 34 分 20 秒 | OK | 
| 7/7/2020 午前 10 時 31 分 22 秒 | OK | 
| 7/7/2020 午前 9 時 30 分 57 秒 | 再起動 | 

## Create heatmap (ヒートマップの作成)
<a name="v10-panels-xform-funcs-heatmap"></a>

この変換を使用して、経時的な傾向を視覚化するためのヒストグラムデータを作成します。ヒートマップ視覚化と同様に、この変換はヒストグラムメトリクスを時間バケットに変換します。

**X バケット**

この設定は、X 軸をバケットに分割する方法を決定します。
+ **[サイズ]** – 入力フィールドに時間間隔を指定します。例えば、`1h` の時間範囲により、x 軸に 1 時間幅のセルが作成されます。
+ **[Count]** – 時間関連以外の系列の場合、このオプションを使用してバケット内の要素の数を定義します。

**Y バケット**

この設定は、Y 軸をバケットに分割する方法を決定します。
+ **[線形]**
+ **[対数]** – 底が 2 のログまたは底が 10 のログから選択します。
+ **[Symlog]** – 正負対象の対数目盛を使用します。負の値を許可して、底が 2 のログまたは底が 10 のログから選択します。

次のデータセットがあるとします。


| タイムスタンプ | 値 | 
| --- | --- | 
| 2023-01-01 12:00:00 | 5 | 
| 2023-01-01 12:15:00 | 10 | 
| 2023-01-01 12:30:00 | 15 | 
| 2023-01-01 12:45:00 | 8 | 
+ X バケットを `Size: 15m` に設定し、Y バケットを `Linear` に設定すると、ヒストグラムは値を X 軸で 15 分間隔、Y 軸で線形に編成します。
+ X バケットを `Count: 2`、Y バケットを `Logarithmic (base 10)` とすると、ヒストグラムは X 軸の 2 つのバケットに値をグループ化し、Y 軸の対数スケールを使用します。

## ヒストグラム
<a name="v10-panels-xform-funcs-histogram"></a>

この変換を使用して、入力データに基づいてヒストグラムを生成することで、値の分布を視覚化できます。
+ **[バケットサイズ]** – バケット内の最小項目と最大項目の範囲 (x最小 から x最大)。
+ **[バケットオフセット]** – ゼロベース以外のバケットのオフセット。
+ **[系列の結合]** – 使用可能なすべての系列を使用して統合されたヒストグラムを作成。

**元のデータ**

系列 1


| A | B | C | 
| --- | --- | --- | 
| 1 | 3 | 5 | 
| 2 | 4 | 6 | 
| 3 | 5 | 7 | 
| 4 | 6 | 8 | 
| 5 | 7 | 9 | 

系列 2


| C | 
| --- | 
| 5 | 
| 6 | 
| 7 | 
| 8 | 
| 9 | 

**出力**


| x最小 | x最大 | A | B | C | C | 
| --- | --- | --- | --- | --- | --- | 
| 1 | 2 | 1 | 0 | 0 | 0 | 
| 2 | 3 | 1 | 0 | 0 | 0 | 
| 3 | 4 | 1 | 1 | 0 | 0 | 
| 4 | 5 | 1 | 1 | 0 | 0 | 
| 5 | 6 | 1 | 1 | 1 | 1 | 
| 6 | 7 | 0 | 1 | 1 | 1 | 
| 7 | 8 | 0 | 1 | 1 | 1 | 
| 8 | 9 | 0 | 0 | 1 | 1 | 
| 9 | 10 | 0 | 0 | 1 | 1 | 

生成されたヒストグラムを使用して値の分布を視覚化し、データの広がりと密度に関するインサイトを提供します。

## Join by field (フィールドで結合)
<a name="v10-panels-xform-funcs-joinfield"></a>

この変換を使用して、複数の結果を 1 つのテーブルにマージすることで、異なるクエリからのデータを統合できます。

複数の時系列の結果を共有時間フィールドを持つ 1 つのワイドテーブルに変換する場合に特に便利です。

**Inner join** (内部結合)

内部結合は、選択したフィールドからすべてのテーブルが同じ値を共有する複数のテーブルからのデータをマージします。このタイプの結合では、すべての結果で値が一致しないデータを除外します。

この変換を使用して、複数のクエリの結果 (渡された結合フィールドまたは最初の列の組み合わせ) を 1 つの結果に結合し、正常な結合を実行できない行を削除します。

次の例では、2 つのクエリがテーブルデータを返します。内部結合変換を適用する前に、2 つの個別のテーブルとして視覚化されます。

クエリ A


| Time | ジョブ | アップタイム | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | ノード | 25260122 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | postgre | 123001233 | 
| 7/7/2020 午前 11 時 14 分 20 秒 | postgre | 345001233 | 

クエリ B


| Time | サーバー | エラー | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 1 | 15 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | サーバー 2 | 5 | 
| 7/7/2020 午前 11 時 4 分 20 秒 | サーバー 3 | 10 | 

内部結合変換を適用した後の結果は次のようになります。


| Time | ジョブ | アップタイム | サーバー | エラー | 
| --- | --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | ノード | 25260122 | サーバー 1 | 15 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | postgre | 123001233 | サーバー 2 | 5 | 

*Outer join* (外部結合)

外部結合には、すべての入力で値が一致しない内部結合と行のすべてのデータが含まれます。内部結合が時間フィールドでクエリ A とクエリ B を結合している間、外部結合には時間フィールドで一致しないすべての行が含まれます。

次の例では、2 つのクエリがテーブルデータを返します。外部結合変換を適用する前に、2 つのテーブルとして視覚化されます。

クエリ A


| Time | ジョブ | アップタイム | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | ノード | 25260122 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | postgre | 123001233 | 
| 7/7/2020 午前 11 時 14 分 20 秒 | postgre | 345001233 | 

クエリ B


| Time | サーバー | エラー | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー 1 | 15 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | サーバー 2 | 5 | 
| 7/7/2020 午前 11 時 4 分 20 秒 | サーバー 3 | 10 | 

外部結合変換を適用した後の結果は次のようになります。


| Time | ジョブ | アップタイム | サーバー | エラー | 
| --- | --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 4 分 20 秒 |  |  | サーバー 3 | 10 | 
| 7/7/2020 午前 11 時 14 分 20 秒 | postgre | 345001233 |  |  | 
| 7/7/2020 午前 11 時 34 分 20 秒 | ノード | 25260122 | サーバー 1 | 15 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | postgre | 123001233 | サーバー 2 | 5 | 

## Join by labels (ラベルで結合)
<a name="v10-panels-xform-funcs-joinlabel"></a>

この変換を使用して、複数の結果を 1 つのテーブルに結合します。

これは、複数の時系列の結果を共有**[ラベル]**フィールドを持つ単一のワイドテーブルに変換する場合に特に便利です。
+ **[Join]** (結合) – すべての時系列で使用可能なラベルまたは共通ラベル間で結合するラベルを選択します。
+ **[値]** – 出力結果の名前。

**例**

入力 1: `series1{what='Temp', cluster='A', job='J1'}`


| Time | 値 | 
| --- | --- | 
| 1 | 10 | 
| 2 | 200 | 

入力 2: `series2{what='Temp', cluster='B', job='J1'}`


| Time | 値 | 
| --- | --- | 
| 1 | 10 | 
| 2 | 200 | 

入力 3: `series3{what='Speed', cluster='B', job='J1'}`


| Time | 値 | 
| --- | --- | 
| 22 | 22 | 
| 28 | 77 | 

構成

```
value: 'what'
```

出力


| クラスター | ジョブ | 温度 | [Speed] (スピード) | 
| --- | --- | --- | --- | 
| A | J1 | 10 |  | 
| A | J1 | 200 |  | 
| B | J1 | 10 | 22 | 
| B | J1 | 200 | 77 | 

時系列データをこの変換と効果的に組み合わせて整理し、包括的なインサイトを提供します。

## フィールドへのラベル付け
<a name="v10-panels-xform-funcs-labelstofields"></a>

この変換を使用して、ラベルまたはタグを含む時系列の結果を、結果の各ラベルのキーと値を含むテーブルに変換します。ラベルを列または行の値として表示して、拡張データの視覚化を行います。

2 つの時系列のクエリ結果を示します。
+ 系列 1 – ラベル `Server=Server A`、 `Datacenter=EU`
+ 系列 2 – ラベル `Server=Server B`、 `Datacenter=EU`

**[列]** モードでは、結果は次のように表示されます。


| Time | サーバー | データセンター | 値 | 
| --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー A | EU | 1 | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー B | EU | 2 | 

[Rows] (行) モードでは、結果には各系列のテーブルがあり、次のような各ラベル値が表示されます。


| ラベル | 値 | 
| --- | --- | 
| サーバー | サーバー A | 
| データセンター | EU | 


| ラベル | 値 | 
| --- | --- | 
| サーバー | サーバー B | 
| データセンター | EU | 

**値フィールド名**

**値フィールド名**としてサーバーを選択した場合、サーバーラベルの値ごとに 1 つのフィールドを取得します。


| Time | データセンター | サーバー A | サーバー B | 
| --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | EU | 1 | 2 | 

**マージ動作**

フィールドトランスフォーマーへのラベルは、内蔵されている 2 つの異なる変換です。1 つ目は、1 つの系列で動作し、ラベルをフィールドに抽出します。2 つ目は、すべての結果を 1 つのテーブルに結合するマージ変換です。マージ変換は、一致するすべてのフィールドで結合を試みます。このマージステップは必須であり、オフにすることはできません。

これを説明するために、重複ラベルのない時系列を返すクエリが 2 つある例を次に示します。
+ 系列 1 – ラベル `Server=ServerA`
+ 系列 2 – ラベル `Datacenter=EU`

これにより、まず次の 2 つのテーブルが作成されます。


| Time | サーバー | 値 | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー A | 10 | 


| Time | データセンター | 値 | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | EU | 20 | 

マージ後


| Time | サーバー | 値 | データセンター | 
| --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | サーバー A | 10 |  | 
| 7/7/2020 午前 11 時 34 分 20 秒 |  | 20 | EU | 

## [制限]
<a name="v10-panels-xform-funcs-limit"></a>

この変換を使用して、表示される行数を制限し、データに対してより焦点を絞ったビューを提供します。これは、大規模なデータセットを処理する場合に特に便利です。

以下は、データソースからのレスポンスに対する**[制限]**変換の影響を示す例です。


| Time | メトリクス | 値 | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | 温度 | 25 | 
| 7/7/2020 午前 11 時 34 分 20 秒 | 湿度 | 22 | 
| 7/7/2020 午前 10 時 32 分 20 秒 | 湿度 | 29 | 
| 7/7/2020 午前 10 時 31 分 22 秒 | 温度 | 22 | 
| 7/7/2020 午前 9 時 30 分 57 秒 | 湿度 | 33 | 
| 7/7/2020 午前 9 時 30 分 5 秒 | 温度 | 19 | 

以下は、値が「3」の制限変換を追加した後の結果です。


| Time | メトリクス | 値 | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | 温度 | 25 | 
| 7/7/2020 午前 11 時 34 分 20 秒 | 湿度 | 22 | 
| 7/7/2020 午前 10 時 32 分 20 秒 | 湿度 | 29 | 

この変換により、データの視覚的な表示を調整して、最も関連性の高いデータに集中できます。

## Merge series/tables (系列/テーブルのマージ)
<a name="v10-panels-xform-funcs-merge"></a>

この変換を使用して、複数のクエリの結果を 1 つの結果に結合します。これは、テーブルパネルの視覚化を使用する場合に特に便利です。共有フィールドに同じデータが含まれている場合、変換は値を同じ行にマージします。

以下に、テーブルデータを返す 2 つのクエリに対する **[系列/テーブルのマージ]** 変換の影響を例示します。

*クエリ A*


| Time | ジョブ | アップタイム | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | ノード | 25260122 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | postgre | 123001233 | 

クエリ B


| Time | ジョブ | エラー | 
| --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | ノード | 15 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | postgre | 5 | 

マージ変換を適用した後の結果は次のとおりです。


| Time | ジョブ | エラー | アップタイム | 
| --- | --- | --- | --- | 
| 7/7/2020 午前 11 時 34 分 20 秒 | ノード | 15 | 25260122 | 
| 7/7/2020 午前 11 時 24 分 20 秒 | postgre | 5 | 123001233 | 

この変換では、クエリ A とクエリ B の値を統一されたテーブルに結合し、より良いインサイトを得るためにプレゼンテーションを強化します。

## Organize fields by name (名前でフィールドを整理)
<a name="v10-panels-xform-funcs-organize"></a>

この変換を使用して、パネル内の 1 つのクエリによって返されるフィールドの名前を変更、並べ替え、または非表示にします。この変換は単一クエリを持つパネルでのみ機能します。パネルに複数のクエリがある場合は、*[外部結合]* 変換を適用するか、追加のクエリを削除する必要があります。

**[フィールドの変換]**

Grafana では、クエリが返すフィールドのリストが表示されます。以下の操作を実行できます。
+ **フィールドの順序の変更** – リスト内の新しい場所にフィールドをドラッグします。
+ **フィールドを非表示または表示** – フィールド名の横の目のアイコンを使用して、フィールドの表示を切り替えます。
+ **名前変更フィールド** – **名前変更**ボックスに新しい名前を入力します。

**例**

この最初のクエリ結果を考慮すると、次のようになります。


| Time | メトリクス | 値 | 
| --- | --- | --- | 
| 2020-07-07 11:34:20 | 温度 | 25 | 
| 2020-07-07 11:34:20 | 湿度 | 22 | 
| 2020-07-07 10:32:20 | 湿度 | 29 | 

名前変更フィールドオーバーライドを適用して、以下を作成できます。


| Time | センサー | 読み取り | 
| --- | --- | --- | 
| 2020-07-07 11:34:20 | 温度 | 25 | 
| 2020-07-07 11:34:20 | 湿度 | 22 | 
| 2020-07-07 10:32:20 | 湿度 | 29 | 

この変換により、クエリ結果の表示をカスタマイズし、Grafana 内のデータに対して明確で本質を突いた表現を確保できます。

## 値による分割
<a name="v10-panels-xform-funcs-partition"></a>

この変換を使用して、異なる `WHERE` 句を持つ複数のクエリを必要とせずに、複数の系列をグラフ化するプロセスを合理化します。

**注記**  
この関数は、Grafana バージョン 9 以降と互換性のあるワークスペースで使用できます。

これは、以下の例のように、メトリクス SQL テーブルを使用する場合に特に便利です。


| Time | リージョン | 値 | 
| --- | --- | --- | 
| 10/20/2022 12:00:00 PM | 米国 | 1520 | 
| 10/20/2022 12:00:00 PM | EU | 2936 | 
| 10/20/2022 午前 1 時 00 分 | 米国 | 1327 | 
| 10/20/2022 午前 1 時 00 分 | EU | 912 | 

*[値による分割]*トランスフォーマーを使用すると、単一のクエリを発行し、選択した 1 つ以上の列 (フィールド) に対して一意の値で結果を分割できます。次の例では `Region` を使用しています。

```
SELECT Time, Region, Value FROM metrics WHERE Time > '2022-10-20'
```


| Time | リージョン | 値 | 
| --- | --- | --- | 
| 10/20/2022 12:00:00 PM | 米国 | 1520 | 
| 10/20/2022 午前 1 時 00 分 | 米国 | 1327 | 


| Time | リージョン | 値 | 
| --- | --- | --- | 
| 10/20/2022 12:00:00 PM | EU | 2936 | 
| 10/20/2022 午前 1 時 00 分 | EU | 912 | 

この変換により、プロセスが簡素化され、同じ時系列視覚化内で複数の系列を視覚化する柔軟性が向上します。

## Prepare times series (時系列の準備)
<a name="v10-panels-xform-funcs-preparetimeseries"></a>

この変換を使用して、データソースが目的の視覚化と互換性のない形式で時系列データを返す際の問題に対処します。この変換により、時系列データをワイド形式とロング形式との間で変換できます。

**[マルチフレーム時系列]**

このオプションを使用して、時系列データフレームをワイド形式からロング形式に変換します。これは、データソースが視覚化と最適な互換性を得るために再形成する必要がある形式で、時系列情報を配信する場合に特に役立ちます。

*例*

入力


| タイムスタンプ | 値 1 | 値 2 | 
| --- | --- | --- | 
| 2023-01-01 00:00:00 | 10 | 20 | 
| 2023-01-01 01:00:00 | 15 | 25 | 

次のように変換できます。


| タイムスタンプ | 変数 | 値 | 
| --- | --- | --- | 
| 2023-01-01 00:00:00 | 値 1 | 10 | 
| 2023-01-01 00:00:00 | 値 2 | 20 | 
| 2023-01-01 01:00:00 | 値 1 | 15 | 
| 2023-01-01 01:00:00 | 値 2 | 25 | 

**[ワイド時系列]**

このオプションを使用して、時系列データフレームをロング形式からワイド形式に変換します。これは、データソースが時系列データをロング形式で配信し、視覚化にワイド形式が必要な場合に特に役立ちます。

*例*

入力


| タイムスタンプ | 変数 | 値 | 
| --- | --- | --- | 
| 2023-01-01 00:00:00 | 値 1 | 10 | 
| 2023-01-01 00:00:00 | 値 2 | 20 | 
| 2023-01-01 01:00:00 | 値 1 | 15 | 
| 2023-01-01 01:00:00 | 値 2 | 25 | 

次のように変換できます。


| タイムスタンプ | 値 1 | 値 2 | 
| --- | --- | --- | 
| 2023-01-01 00:00:00 | 10 | 20 | 
| 2023-01-01 01:00:00 | 15 | 25 | 

## 削減
<a name="v10-panels-xform-funcs-reduce"></a>

この変換を使用すると、データフレームの各フィールドに計算が適用され、単一の値が返されます。この変換は、複数の時系列データをよりコンパクトで要約された形式に統合するために特に役立ちます。この変換を適用すると、時間フィールドは削除されます。

以下の入力を検討します。

クエリ A


| Time | Temp | アップタイム | 
| --- | --- | --- | 
| 2020-07-07 11:34:20 | 12.3 | 256122 | 
| 2020-07-07 11:24:20 | 15.4 | 1230233 | 

クエリ B


| Time | AQI | エラー | 
| --- | --- | --- | 
| 2020-07-07 11:34:20 | 6.5 | 15 | 
| 2020-07-07 11:24:20 | 3.2 | 5 | 

縮小のトランスフォーマーには 2 つのモードがあります。
+ **[シリーズから行]** – 各フィールドの行と各計算の列を作成します。
+ **[縮小フィールド]** – 既存のフレーム構造を維持しますが、各フィールドを 1 つの値に折りたたみます。

例えば、系列で**[最初]**と**[最後]**の計算を使用して**[シリーズから行]**変換を行った場合、結果は次のようになります。


| フィールド | First | Last | 
| --- | --- | --- | 
| Temp | 12.3 | 15.4 | 
| アップタイム | 256122 | 1230233 | 
| AQI | 6.5 | 3.2 | 
| エラー | 15 | 5 | 

**最後**の計算における**縮小フィールド**は、それぞれ 1 行、2 つのフレームになります。

クエリ A


| 温度 | アップタイム | 
| --- | --- | 
| 15.4 | 1230233 | 

クエリ B


| AQI | エラー | 
| --- | --- | 
| 3.2 | 5 | 

## [正規表現で名前を変更]
<a name="v10-panels-xform-funcs-rename"></a>

この変換を使用して、正規表現と置換パターンを使用してクエリ結果の一部の名前を変更します。

正規表現を指定できます。正規表現は、バックリファレンスをサポートする置換パターンとともに、一致にのみ適用されます。例えば、ホストあたりの CPU 使用率を視覚化し、ドメイン名を削除するとします。正規表現を `([^\.]+)\..+` に設定し、置換パターンを `$1` に設定することで、`web-01.example.com` は `web-01` になります。

この変換により、視覚化のニーズに合わせてデータをカスタマイズできるため、ダッシュボードはより有益でユーザーフレンドリーになります。

## Rows to fields (行からフィールドへ)
<a name="v10-panels-xform-funcs-row"></a>

この変換を使用して、行を別々のフィールドに変換します。これは、フィールドを個別にスタイル変更および設定できるため便利です。また、動的フィールド設定のソースとして追加のフィールドを使用したり、フィールドラベルにマッピングしたりすることもできます。その後、追加のラベルを使用して、結果フィールドにより適切な表示名を定義できます。

この変換には、設定クエリによって返されるデータ内のすべてのフィールドを一覧表示するフィールドテーブルが含まれます。このテーブルでは、各設定プロパティにマッピングするフィールドを制御できます (**[用途]** オプション)。返されるデータに複数の行がある場合、選択する値を選ぶこともできます。

この変換には以下が必要です。
+ フィールド名のソースとして使用する 1 つのフィールド。

  デフォルトでは、変換は最初の文字列フィールドをソースとして使用します。このデフォルト設定は、代わりに使用するフィールドの **[用途]** 列で **[フィールド名]** を選択してオーバーライドできます。
+ 値のソースとして使用する 1 つのフィールド。

  デフォルトでは、変換は最初の数値フィールドをソースとして使用します。ただし、このデフォルト設定は、代わりに使用するフィールドの **[用途]** 列で **[フィールド値]** を選択してオーバーライドできます。

以下にデータを視覚化する場合に役立ちます。
+ ゲージ
+ 統計
+ 円グラフ

**追加フィールドをラベルにマッピング**

フィールドが設定プロパティにマッピングされない場合、Grafana は出力フィールドのラベルのソースとして自動的に使用します。

例


| 名前 | データセンター | 値 | 
| --- | --- | --- | 
| サーバー A | 米国 | 100 | 
| サーバー B | EU | 200 | 

出力:


| サーバー A (ラベル: データセンター: US) | サーバー B (ラベル: データセンター: EU) | 
| --- | --- | 
| 100 | 200 | 

フィールド表示名で追加のラベルを使用して、より完全なフィールド名を提供できるようになりました。

あるクエリから設定を抽出して別のクエリに適用する場合は、*[クエリ結果から設定]* 変換を使用する必要があります。

**例**

入力


| 名前 | 値 | 最大 | 
| --- | --- | --- | 
| サーバー A | 10 | 100 | 
| サーバー B | 20 | 200 | 
| サーバー C | 30 | 300 | 

出力


| サーバー A (設定: 最大=100) | サーバー B (設定: 最大=200) | サーバー C (設定: 最大=300) | 
| --- | --- | --- | 
| 10 | 20 | 30 | 

ソースデータ内の各行が個別のフィールドになります。各フィールドには、最大設定オプションも設定されるようになりました。**[最小値]**、**[最大値]**、**[単位]**、**[しきい値]** などのオプションはすべてフィールド設定の一部であり、このような設定を行うと、パネルエディタのオプションペインで手動設定されるオプションではなく、視覚化によって使用されます。

この変換により、行を個々のフィールドに変換し、動的なフィールド設定を容易にし、追加のフィールドをラベルにマッピングできます。

## シリーズから行
<a name="v10-panels-xform-funcs-series"></a>

この変換を使用して、複数の時系列データクエリの結果を 1 つの結果にまとめます。これはテーブルパネルの視覚化を使用する場合に役立ちます。

この変換の結果には、時間、メトリクス、値の 3 つの列が含まれます。メトリクス列が追加されると、メトリクスのソースとなるクエリを簡単に確認できます。ソースクエリのラベルを定義して、この値をカスタマイズします。

次の例では、時系列データを返すクエリが 2 つあります。変換を適用する前に、2 つの個別のテーブルとして視覚化されます。

*クエリ A*


| Time | 温度 | 
| --- | --- | 
| 2020-07-07 11:34:20 | 25 | 
| 2020-07-07 10:31:22 | 22 | 
| 2020-07-07 09:30:05 | 19 | 

*クエリ B*


| Time | 湿度 | 
| --- | --- | 
| 2020-07-07 11:34:20 | 24 | 
| 2020-07-07 10:32:20 | 29 | 
| 2020-07-07 09:30:57 | 33 | 

シリーズから行 変換を適用した後の結果は次のとおりです。


| Time | メトリクス | 値 | 
| --- | --- | --- | 
| 2020-07-07 11:34:20 | 温度 | 25 | 
| 2020-07-07 11:34:20 | 湿度 | 22 | 
| 2020-07-07 10:32:20 | 湿度 | 29 | 
| 2020-07-07 10:31:22 | 温度 | 22 | 
| 2020-07-07 09:30:57 | 湿度 | 33 | 
| 2020-07-07 09:30:05 | 温度 | 19 | 

この変換により、複数の時系列クエリの結果の統合が容易になり、効率的な分析と視覚化のための合理化された統合データセットが表形式で提供されます。

## 並べ替え
<a name="v10-panels-xform-funcs-sort"></a>

この変換を使用して、指定されたフィールドに基づいてクエリ結果内の各フレームをソートし、データを理解し分析しやすくします。ソートに必要なフィールドを設定することで、テーブルまたは視覚化にデータが表示される順序を制御できます。

**[Reverse]** (リバース) スイッチを使用して、指定されたフィールド内の値を逆に順序付けします。この機能は、分析ニーズに合わせて昇順と降順をすばやく切り替える場合に特に便利です。

例えば、時系列データがデータソースから取得されるシナリオでは、**[並べ替え]**変換を適用することで、分析要件に応じてタイムスタンプに基づいてデータフレームを昇順または降順に配置できます。この機能を使用すると、時系列データを簡単にナビゲートして解釈でき、整理された視覚的に一貫性のあるプレゼンテーションから貴重なインサイトを得られます。

## Spatial (空間)
<a name="v10-panels-xform-funcs-spatial"></a>

この変換を使用して、空間オペレーションをクエリ結果に適用します。
+ **[Action]** – アクションを選択します。
  + **[Prepare spatial field]** (空間フィールドの準備) – 他のフィールドの結果に基づいてジオメトリフィールドを設定します。
    + **[Location mode]** – ロケーションモードを選択します (これらのオプションは、**値の計算**モードと**変換**モードによって共有されます)。
      + **[Auto]** – デフォルトのフィールド名に基づいて位置データを自動的に識別します。
      + **[Coords]** (座標) – 緯度と経度フィールドを指定します。
      + **[Geohash]** – ジオハッシュフィールドを指定します。
      + **[ルックアップ]** - Gazetteer のロケーションフィールドを指定します。
  + **[計算]**– ジオメトリを使用して新しいフィールド (方位/距離/面積) を定義します。
    + **[関数]** – ジオメトリに適用する数学演算を選択します。
      + **[Heading]** (方位) – 2 つのポイント間の方位 (方向) を計算します。
      + **[面積]** – ジオメトリで定義されるポリゴンで囲まれたエリアを計算します。
      + **[Distance]** (距離) – 2 つのポイント間の距離を計算します。
  + **[変換]** - ジオメトリに空間オペレーションを適用します。
    + **[操作]** – ジオメトリに適用する操作を選択します。
      + **[線]** – 各行の頂点による単線機能を作成します。
      + **[ラインビルダー]** – 2 つのポイントの間に線を作成します。

この変換により、地理空間データを操作および分析し、ポイント間の線の作成、空間プロパティの計算などの操作が可能になります。

## 時系列のテーブル変換
<a name="v10-panels-xform-funcs-seriestotable"></a>

この変換を使用して時系列結果をテーブルに変換し、時系列データフレームを**[トレンド]**フィールドに変換します。**[トレンド]**フィールドは、[[スパークラインセルタイプ]](v10-panels-table.md#v10-panels-table-cell-type)を使用してレンダリングでき、テーブル行ごとにインラインスパークラインを生成します。複数の時系列クエリがある場合、それぞれが個別のテーブルデータフレームになります。これらは結合またはマージ変換を使用して結合し、行ごとに複数のスパークラインを持つ単一のテーブルを生成できます。

生成された**[トレンド]**フィールド値ごとに、計算関数を選択できます。デフォルトは **[最後の null 以外の値]**です。この値はスパークラインの隣に表示され、テーブル行のソートに使用されます。

## Regression analysis (回帰分析)
<a name="v10-panels-xform-funcs-regression"></a>

この変換を使用して、統計モデルによって予測された値を含む新しいデータフレームを作成します。これは、混沌としたデータの傾向を見つけるのに役立ちます。線形回帰または多項式回帰を使用して、データに数学関数を適合させることによって機能します。その後、データフレームを視覚化で使用してトレンドラインを表示できます。

これには、次のように 2 つの異なるモデルがあります。
+  **線形回帰** – 線形関数をデータに適合させます。
+  **多項式回帰** – 多項式関数をデータに適合させます。

**注記**  
この変換は現在パブリックプレビュー中です。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

# クエリのトラブルシューティング
<a name="v10-panels-query-troubleshoot"></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 のバグや視覚化の問題のように見えても、ほとんどの場合、データソースクエリまたはデータソースレスポンスの問題です。まず、パネルクエリとレスポンスを検査します。

詳細については、「[リクエストとレスポンスデータの検査](v10-panels-panel-inspector.md)」を参照してください。

**クエリが遅い**

クエリが返すデータポイントの数を確認してください。多くのデータポイントを返すクエリは遅くなります。解決策は以下のとおりです。
+ **[クエリオプション]**で、返される**[最大データポイント数]**を制限します。
+ **クエリオプション**で、**最小間隔**時間を長くします。
+ クエリで、`group by` 関数を使用します。

# 計算タイプ
<a name="v10-panels-calculation-types"></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 で実行できる計算の一覧を示します。これらの計算は、**[変換]** タブと棒ゲージ、ゲージ、および統計の視覚化で確認できます。


| 計算 | 説明 | 
| --- | --- | 
| All nulls | すべての値が null のとき真 | 
| [すべての値] | すべての値を含む配列 | 
| すべての一意の値 | すべての一意の値を含む配列 | 
| All zeros | すべての値が 0 のとき真 | 
| Change count | フィールドの値が変更される回数 | 
| Count | フィールド内の値の数 | 
| Delta | 値の累積変化、カウント増分のみ | 
| Difference | フィールドの最初の値と最後の値の差 | 
| Difference percent | フィールドの最初と最後の値の変化率 | 
| Distinct count | フィールド内の一意の値の数 | 
| First | フィールドの最初の値 | 
| First\$1 (not null) | First は、フィールドの null 値ではありません (NaN も除く) | 
| Last | フィールドの最後の値 | 
| Last\$1 (not null) | Last は、フィールドの null 値ではありません (NaN も除く) | 
| 最大 | フィールドの最大値 | 
| Mean | フィールド内のすべての値の平均値 | 
| Variance | フィールド内のすべての値の分散 | 
| StdDev | フィールド内のすべての値の標準偏差 | 
| 最小 | フィールドの最小値 | 
| 最小 (above zero) | フィールドの最小値、正の値 | 
| Range | フィールドの最大値と最小値との差 | 
| Step | フィールドの値間の最小間隔 | 
| Total | フィールド内のすべての値の合計 | 

# パネルオプションの設定
<a name="v10-panels-configure-panel-options"></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 パネルは、データソースクエリの定義、データの変換と書式設定、視覚化設定の構成によってカスタマイズできるデータの視覚的表現です。

パネルエディタには、クエリビルダーと、データの変換やパネルへの情報の追加に使用できる一連のオプションが含まれています。

このトピックでは、以下の方法について説明します。
+ パネルを開いて編集する
+ パネルのタイトルと説明を追加する
+ パネル JSON モデルを表示する
+ 繰り返し行とパネルを設定する

## パネルの編集
<a name="v10-panels-edit-a-panel"></a>

ダッシュボードにパネルを追加すると、いつでもパネルを開いてクエリを変更または更新したり、データ変換を追加したり、視覚化設定を変更したりできます。

**パネルを編集するには**

1. 編集するパネルを含むダッシュボードを開きます。

1. パネルのいずれかの部分にカーソルを合わせると、右上隅にアクションメニューが表示されます。

1. メニューを選択し、**[編集]** を選択します。

   キーボードショートカットを使用してパネルを開くには、パネルにカーソルを合わせ、`e` を押します。

   パネルが編集モードで開きます。

## パネルにタイトルと説明を追加する
<a name="v10-panels-add-title-description"></a>

パネルにタイトルと説明を追加して、視覚化に関する重要な情報をユーザーと共有します。例えば、説明を使用して、視覚化の目的を文書化します。

1. パネルを編集します。

1. パネル表示オプションペインで、**[パネルオプション]** セクションを見つけます。

1. **[タイトル]** を入力します。

   このフィールドに入力されたテキストは、パネルエディタとダッシュボードのツールチップに表示されます。

1. 表示するパネルとデータの説明を記入します。

   このフィールドに入力したテキストは、パネルの左上隅にあるツールチップに表示されます。

   **[タイトル]** と **[説明]** フィールドで[[定義した変数]](v10-dash-variables.md)を使用できますが、[[グローバル変数]](v10-dash-variable-add.md#v10-dash-variable-add-global)は使用できません。

## パネル JSON モデルの表示
<a name="v10-panels-json-model"></a>

パネル、パネルデータ、データフレーム JSON モデルを検索してエクスポートします。

**パネル JSON モデルを表示するには**

1. パネルを含むダッシュボードを開きます。

1. パネルのいずれかの部分にカーソルを合わせると、右上隅にアクションメニューが表示されます。

1. メニューから、**[Inspect] (検査) > [Panel JSON]** を選択します。

1. **[ソースの選択]** フィールドで、次のオプションのいずれかを選択します。
   + **Panel JSON** – パネルを表す JSON オブジェクトを表示します。
   + **[Panel data]** – パネルに渡されるデータを表す JSON オブジェクトを表示します。
   + **[データフレーム構造]** – 適用された変換、フィールド設定、オーバーライド設定など、パネルのデータ構造を表示します。

1. JSON を調べるには、**[>]** を選択して JSON モデルの一部を展開または折りたたみます。

## 繰り返しパネルの設定
<a name="v10-panels-configure-repeating-panels"></a>

パネルまたは行をダッシュボードに動的に追加するように Grafana を設定できます。動的パネルは、変数の値に基づいてシステムが作成するパネルです。変数は、ダッシュボード内のすべてのパネルでクエリを動的に変更します。繰り返しパネルの詳細については、「[ダッシュボードの作成](v10-dash-creating.md)」を参照してください。

**注記**  
パネルを繰り返すには、変数に 1 つ以上の項目を選択する必要があります。パネルを非表示にするためにパネルを 0 回繰り返すことはできません。

*前提条件*
+ クエリに複数値変数が含まれていることを確認します。

**繰り返しパネルを設定するには**

1. 繰り返すパネルを編集します。

1. 表示オプションペインで、**[パネルオプション] > [繰り返しオプション]** を選択します。

1. **[direction]** (方向) を選択します。
   + **[水平]** を選択してパネルを並べて配置します。Grafana は繰り返しパネルの幅を調整します。行上の他のパネルと繰り返しパネルを混在させることはできません。
   + **[垂直]** を選択して、列にパネルを配置します。繰り返しパネルの幅は、元の繰り返しパネルの幅と同じです。

1. すべてのパネルに変更を伝達するには、ダッシュボードを再読み込みします。

# 標準オプションを設定する
<a name="v10-panels-configure-standard-options"></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 で使用されるデータモデルは、時系列とテーブルのクエリ結果の両方を統合する列指向のテーブル構造です。この構造内の各列は、*フィールド*と呼ばれます。フィールドは、単一の時系列またはテーブル列を表すことができます。

フィールドオプションを使用すると、視覚的表現でのデータの表示方法を変更できます。適用するオプションとオーバーライドはデータを変更せず、Grafana のデータの表示方法を変更します。オプションを変更すると、すべてのフィールド、つまりすべての系列または列に適用されます。例えば、単位をパーセンテージに変更すると、数値を含むすべてのフィールドがパーセンテージで表示されます。

フィールドの書式設定オプションの完全なリストは、このトピックの後半で説明します。

**注記**  
ほとんどの組み込み Grafana パネルに標準オプションを適用できます。新しいパネルとデータモデルに更新されていない古いパネルとコミュニティパネルの一部には、これらのフィールドオプションのすべてまたは一部が欠落します。

**標準オプションを設定するには**

1. ダッシュボードを開きます。パネルのいずれかの部分にカーソルを合わせると、ダッシュボードの右上隅にアクションメニューが表示されます。

1. アクションメニューで、**[編集]** を選択します。

1. パネル表示オプションペインで、**[標準オプション]** セクションを見つけます。

1. 適用する標準オプションを選択します。

1. 変更をプレビューするには、編集中のフィールドオプションボックスの外部を選択するか、**Enter** を押します。

**標準オプションの定義**

このセクションでは、使用可能なすべての標準オプションについて説明します。

ほとんどの組み込み Grafana パネルに標準オプションを適用できます。新しいパネルとデータモデルに更新されていない古いパネルとコミュニティパネルの一部には、これらのフィールドオプションのすべてまたは一部が欠落します。

ほとんどのフィールドオプションは、編集中のフィールドオプションボックスの外部をクリックするか、**Enter** キーを押すまで、視覚化には影響しません。

**注記**  
Grafana Labs は、すべての視覚化に対するオプションの追加と拡張に絶えず取り組んでいるため、すべてのオプションをすべての視覚化に対して使用できない場合があります。

## Unit
<a name="v10-panels-standard-options-unit"></a>

フィールドで使用する単位を選択できます。**[単位]** フィールドを選択し、目的の単位が見つかるまでドリルダウンします。選択した単位は、時間を除くすべてのフィールドに適用されます。

### ユーザー定義の単位
<a name="v10-panels-standard-options-custom-units"></a>

単位ドロップダウンを使用して、ユーザー定義の単位、接頭辞、または接尾辞と、日付時刻形式を指定することもできます。

ユーザー定義の単位を選択するには、単位を入力し、ドロップダウンで最後の **[カスタム: xxx]** オプションを選択します。
+ **suffix:<suffix>** 値の後に続くユーザー定義単位を指定できます。
+ **prefix:<prefix>** 値の前に置くユーザー定義単位を指定できます。
+ **time:<format>** ユーザー定義の日付時刻形式の場合は、`time:YYYY-MM-DD` のように入力します。形式の構文とオプションについては、「*Moment.js ドキュメント*」の「[形式](https://momentjs.com/docs/#/displaying/)」を参照してください。
+ **si:<base scale><unit characters>** ユーザー定義の SI 単位を指定できます。例えば、`si: mF` などです。これは、単位とソースデータスケールの両方を指定できるため、少し高度です。したがって、ソースデータがミリ (基本単位の千分の一) で表されている場合、単位の先頭にその SI スケール文字が付けられます。
+ **count:<unit>** ユーザー定義の集計単位を指定できます。
+ **currency:<unit>** ユーザー定義の通貨単位を指定できます。

単位ピッカーにネイティブ絵文字を貼り付けて、ユーザー定義単位として選択することもできます。

### [String units] (文字列の単位)
<a name="v10-panels-standard-options-string-units"></a>

Grafana は、文字列を解析して数値として表示する際に、自動で表示が変わる場合があります。元の文字列値を表示するように Grafana を設定するには、フィールドオーバーライドを作成し、**[文字列]** 単位で単位プロパティを追加します。

### スケールの単位
<a name="v10-panels-standard-options-scale-units"></a>

デフォルトでは、Grafana は値の大きさに基づいて単位を自動的にスケールします。例えば、値が 0.14 kW の場合、Grafana はそれを 140 W として表示します。別の例として、3,000 kW は 3 MW として表示されます。この動作を無効にする場合は、**[スケールの単位]** スイッチをオフにできます。

## 最小
<a name="v10-panels-standard-options-min"></a>

パーセンテージしきい値の計算に使用される最小値を設定できます。最小値を自動的に計算するには、空白のままにします。

## 最大
<a name="v10-panels-standard-options-max"></a>

パーセンテージしきい値の計算に使用される最大値を設定できます。最大値を自動的に計算するには、空白のままにします。

## フィールドの最小値/最大値
<a name="v10-panels-standard-options-fieldminmax"></a>

デフォルトでは、計算された最小値と最大値は、すべての系列とフィールドの最小値と最大値に基づきます。フィールドの最小値/最大値をオンにすると、そのフィールドの最小値または最大値に基づいて、各フィールドの最小値または最大値が個別に計算されます。

## 小数
<a name="v10-panels-standard-options-decimals"></a>

Grafana がレンダリングした値に含める小数点以下の桁数を指定します。このフィールドを空白のままにすると、Grafana は値に基づいて小数点以下の桁数を自動的に切り捨てます。例えば、1.1234 は 1.12 として表示され、100.456 は 100 として表示されます。

すべての小数を表示するには、単位を **[String]** (文字列) に設定します。

## Display name (表示名)
<a name="v10-panels-standard-options-displayname"></a>

すべてのフィールドの表示タイトルを設定できます。フィールドタイトルには[変数](v10-dash-variables.md)を使用できます。

複数の統計、フィールド、または系列が表示される場合、このフィールドは各統計のタイトルを制御します。**\$1\$1\$1\$1field.name\$1** などの式を使用して、タイトルの系列名またはフィールド名のみを使用できます。

`Temp` という名前のフィールドと、`{"Loc"="PBI", "Sensor"="3"}` のラベルが付与されます。


| 式の構文 | 例 | レンダリング先 | 説明 | 
| --- | --- | --- | --- | 
| \$1\$1\$1\$1field.displayName\$1 | 構文と同じ | Temp \$1Loc="PBI", Sensor="3"\$1 | フィールド名とラベルがある場合は \$1\$1 に表示します。レスポンスにラベルキーが 1 つしかない場合、ラベル部分において、Grafana は括弧なしでラベルの値を表示します。 | 
| \$1\$1\$1\$1field.name\$1 | 構文と同じ | Temp | フィールドの名前を表示します (ラベルなし)。 | 
| \$1\$1\$1\$1field.labels\$1 | 構文と同じ | Loc="PBI", Sensor="3" | ラベルを表示します (名前なし)。 | 
| \$1\$1\$1\$1field.labels.X\$1 | \$1\$1\$1\$1field.labels.Loc\$1 | PBI | 指定されたラベルキーの値を表示します。 | 
| \$1\$1\$1\$1field.labels.\$1\$1values\$1 | 構文と同じ | PBI, 3 | ラベルの値をカンマ区切りで表示します (ラベルキーなし)。 | 

特定のフィールドに対する式をレンダリングした後に値が空の文字列である場合、デフォルトの表示方法が使用されます。

## カラースキーム
<a name="v10-panels-standard-options-color-scheme"></a>

カラーオプションとその視覚化への影響は、作業中の視覚化によって異なります。一部の視覚化には、異なるカラーオプションがあります。

値に基づいて、単一の色を指定するか、連続 (グラデーション) カラースキームを選択できます。連続色は、最小値と最大値に対する値の割合を使用して色を補間します。

次のいずれかのパレットを選択します。


| カラーモード | 説明 | 
| --- | --- | 
| [単一色] | オーバーライドルールに役立つ単一色を指定します | 
| Shades of a color (色のシェード) | オーバーライドルールに役立つ 1 色のシェードを選択します。 | 
| [しきい値起点] | 一致するしきい値から色を取るように Grafana に通知します | 
| Classic palette (クラシックパレット) | Grafana は、系列のインデックスでパレットの色を検索して色を割り当てます。グラフや円グラフ、その他のカテゴリ別データの視覚化に役立ちます。 | 
| Classic palette (by series name) (クラシックパレット (系列名別)) | Grafana は、系列の名前に基づいて色を割り当てます。視覚化される系列名が使用可能なデータに依存する場合に便利です。 | 
| Green-Yellow-Red (by value) (緑黄赤 (値別)) | 連続色スキーム | 
| Red-Yellow-Green (by value) (赤黄緑 (値別)) | 連続色スキーム | 
| Blue-Yellow-Red (by value) (青黄赤 (値別)) | 連続色スキーム | 
| Yellow-Red (by value) (黄赤 (値別)) | 連続色スキーム | 
| Blue-Purple (by value) (青紫 (値別)) | 連続色スキーム | 
| Yellow-Blue (by value) (黄青 (値別)) | 連続色スキーム | 
| Blues (by value) (青 (値別)) | 連続色スキーム (パネルの背景を青に) | 
| Reds (by value) (赤 (値別)) | 連続色スキーム (パネルの背景色を赤に) | 
| Greens (by value) (緑 (値別)) | 連続色スキーム (パネルの背景色を緑に) | 
| Purple (by value) (紫 (値別)) | 連続色スキーム (パネルの背景色を紫に) | 

## 値なし
<a name="v10-panels-standard-options-no-value"></a>

フィールド値が空または null の場合に Grafana が表示するものを入力します。デフォルト値はハイフン (-) です。

# 凡例を設定する
<a name="v10-panels-configure-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-bar-chart.md)
+ [ローソク足チャート](v10-panels-candlestick.md)
+ [ヒストグラム](v10-panels-histogram.md)
+ [円グラフ](v10-panels-piechart.md)
+ [状態タイムライン](v10-panels-state-timeline.md)
+ [ステータス履歴](v10-panels-status-history.md)
+ [時系列](v10-panels-time-series.md)
+ [[トレンド]](v10-panels-trend.md)

[ジオマップ](v10-panels-geomap.md)と[ヒートマップ](v10-panels-heatmap.md)にも凡例はありますが、凡例を表示するか表示しないかの選択のみが提供され、他の凡例オプションはサポートされていません。

## 凡例オプション
<a name="v10-panels-legend-options"></a>

次のオプションは、パネル編集ペインの **[凡例]** セクションにあります。

**注記**  
リストされているすべてのオプションが、凡例を含むすべての視覚化に適用されるわけではありません。

**[可視性]**

凡例を表示するかどうかを設定します。凡例のオン/オフを切り替えるには、スイッチを使用します。

**モード**

凡例が表示される形式を設定します。以下から選択します。
+ **リスト**
+ **[テーブル]**

凡例をテーブルとしてフォーマットすると、関連する値や視覚化内の場所など、凡例に関する他の情報も表示されることがあります。

**[配置]**

視覚化で凡例が表示される場所を設定します。以下から選択します。
+ **[Bottom]** (下)
+ **[Right]** (右)

**[幅]**

凡例の配置を**右**に設定すると、**幅**オプションが使用可能になります。フィールドを空のままにして、Grafana が凡例の幅を自動的に設定できるようにするか、フィールドに値を入力します。

**[Values]** (値)

凡例に系列データ値または[計算](v10-panels-calculation-types.md)を追加することで、視覚化にコンテキストをさらに追加できます。必要な数だけ値を追加できます。変更を適用すると、凡例をスクロールしてすべての値を表示できます。

## 系列の色の変更
<a name="v10-panels-legend-change-color"></a>

デフォルトでは、Grafana は系列データの色を設定しますが、パネル凡例を使用して変更できます。

**系列の色を変更するには**

1. 更新するパネルに移動します。

1. 凡例で、系列に関連付けられたカラーバーを選択します。

1. ピッカーまたは RGB 値を使用して、**[Colors]** タブでプリセット色を選択するか、**[カスタム]** タブでカスタム色を設定します。

1. ダッシュボードを保存します。

## 視覚化での系列データの分離
<a name="v10-panels-legend-isolate"></a>

視覚化は視覚的に複雑になることが多く、データ系列が数多く含まれている場合があります。表示したいデータを分離する凡例を使用して、視覚化から凡例データを削除することで、表示を簡素化できます。これを行うと、Grafana は **[Override]** タブに新しいオーバーライドを自動的に作成します。

**視覚化で系列データを分離するには**

1. 更新するパネルに移動します。

1. 凡例で、分離する系列のラベルを選択します。

   システムによって、他のすべての系列データ表示から削除されます。

1. 系列データを分離された系列に段階的に追加するには、**Ctrl** キーまたは **Command** キーを押して、追加する系列のラベルを選択します。

1. パネルのすべてのビューワーに表示されるように変更を保存するには、ダッシュボードを保存します。

すべてのデータを含むデフォルトの表示に戻すには、任意の系列ラベルを 2 回クリックします。

## 系列のソート
<a name="v10-panels-legend-sort"></a>

凡例をテーブルとしてフォーマットして値を追加すると、テーブル内の系列をそれらの値でソートできます。

**系列をソートするには**

1. 更新するパネルに移動します。

1. 操作するパネルの任意の部分にカーソルを合わせると、パネルの右上隅にメニューが表示されます。

1. メニューで **[編集]** を選択します。

1. パネル編集ペインの **[凡例]** セクションまでスクロールします。

1. **[Values]** (値) で、表示する値または計算を選択します。

   凡例に値が表示されるようになりました。

1. 凡例テーブルの計算名ヘッダーを選択して、テーブル内の値を昇順または降順にソートします。

**注記**  
この機能は、棒グラフ、ヒストグラム、時系列のパネルでのみサポートされています。

# データリンクの設定
<a name="v10-panels-configure-data-links"></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)」を参照してください。

データリンクを使用すると、リンクへのより詳細なコンテキストを提供できます。カーソルの下に系列名または値を含むリンクを作成できます。例えば、視覚化で 4 つのサーバーが表示されている場合は、そのうちの 1 つまたは 2 つにデータリンクを追加できます。データリンクを使用してパネルをリンクすることもできます。

リンク自体には、視覚化に応じてさまざまな方法でアクセスできます。例えば、時系列の視覚化では、データポイントまたは行を選択します。統計、ゲージ、棒ゲージなどの広域視覚化では、視覚化の任意の場所を選択してコンテキストメニューを開くことができます。

視覚化にデータリンクが 1 つしかない場合、視覚化の任意の場所を選択すると、コンテキストメニューではなくリンクが開きます。

**サポートされている視覚化**
+ 棒グラフ
+ 棒ゲージ
+ ローソク足チャート
+ キャンバス
+ ゲージ
+ ジオマップ
+ ヒートマップ
+ ヒストグラム
+ 円グラフ
+ 統計
+ 状態タイムライン
+ ステータス履歴
+ [テーブル]
+ 時系列
+ トレンド

## データリンク変数
<a name="v10-panels-data-link-variables"></a>

データリンクの変数を使用すると、データフィルターが保持された詳細なダッシュボードにユーザーを送信できます。例えば、 変数を使用して、ラベル、時間範囲、系列、または変数の選択を指定できます。

使用可能な変数のリストを表示するには、データリンク **URL** フィールドに `$` を入力します。

データリンク URL のテンプレート変数も使用できます。「[変数](v10-dash-variables.md)」を参照してください。

### 時間範囲パネル変数
<a name="v10-panels-time-range-panel-variables"></a>

これらの変数を使用すると、データリンク URL に現在の時間範囲を含めることができます。
+ `__url_time_range` – 現在のダッシュボードの時間範囲 (`?from=now-6h&to=now` など)
+ `$__from` – 詳細については、「[グローバル変数](v10-dash-variable-add.md#v10-dash-variable-add-global)」を参照してください。
+ `$__to` – 詳細については、「[グローバル変数](v10-dash-variable-add.md#v10-dash-variable-add-global)」を参照してください。

### 系列変数
<a name="v10-panels-series-variables"></a>

系列固有の変数は、`__series` 名前空間で使用できます。
+ `__series.name` – URL への系統名

### フィールド変数
<a name="v10-panels-field-variables"></a>

フィールド固有の変数は、`__field` 名前空間で使用できます。
+ `__field.name` – フィールドの名前
+ `__field.labels.<LABEL>` – URL に対するラベルの値。ラベルにドットが含まれている場合は、`__field.labels["<LABEL>"]` 構文を使用します。

### 値変数
<a name="v10-panels-value-variables"></a>

値固有の変数は、`__value` 名前空間で使用できます。
+ `__value.time` – URL への値のタイムスタンプ (Unix ms エポック) (`?time=1560268814105` など)
+ `__value.raw` – raw 値
+ `__value.numeric` – 値の数値表現
+ `__value.text` – 値のテキスト表現
+ `__value.calc` – 値が計算の結果である場合の計算名

データリンクで値固有の変数を使用すると、[ツールチップ] モードの設定オプションに応じて異なる結果が表示されることがあります。

### データ変数
<a name="v10-panels-data-variables"></a>

他のフィールドの値にアクセスするには、以下を使用します。
+ `__data.fields[i]` – (同じ行にある) フィールド `i` の値。
+ `__data.fields["NameOfField"]` – インデックスの代わりに名前を使用するフィールドの値。
+ `__data.fields[i].labels.cluster` – 別のフィールドのラベルにアクセス。

### テンプレート変数
<a name="v10-panels-template-variables"></a>

テンプレート変数を使用する別のダッシュボードにリンクするときは、リンクをクリックした人の変数値を選択します。

`${var-myvar:queryparam}` - ここで、`var-myvar` は、使用する現在のダッシュボードにあるテンプレート変数と一致するテンプレート変数の名前です。


| 可変状態 | 作成された URL の結果 | 
| --- | --- | 
| 1 つの値を選択済み | var-myvar=value1 | 
| 複数の値を選択済み | var-myvar=value1&var-myvar=value2 | 
| All を選択済み | var-myvar=All | 

現在のダッシュボードのすべての変数を URL に追加する場合は、`${__all_variables}` を使用します。

## データリンクの追加
<a name="v10-panels-add-a-datalink"></a>

パネルにデータリンクを追加できます。

1. データリンクを追加するパネルに移動します。

1. パネルにカーソルを合わせると、右上隅にメニューアイコンが表示されます。

1. メニューから、**[編集]** を選択してパネルエディタを開きます。

1. **[パネル編集]** ペインで、**[データリンク]** セクションまでスクロールダウンして展開します。

1. **[リンクの追加]** を選択します。

1. 開いたダイアログボックスに、**[タイトル]**を入力します。これは、判読可能なリンクラベルで、リンクは UI に表示されます。

1. リンク先の **[URL]** または変数を入力します。

   データリンク変数を追加するには、**URL** フィールドを選択し、`$` を入力するか、Ctrl\$1Space または Cmd\$1Space を押すと、使用可能な変数のリストが表示されます。

1. リンクを新しいタブで開く場合は、**[新しいタブで開く]** を選択します。

1. **[保存]** を選択して変更を保存し、ダイアログボックスを閉じます。

1. ダッシュボードに変更を保存します。

# 値マッピングを設定する
<a name="v10-panels-configure-value-mappings"></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)で設定された単位の書式設定を介しません。値マッピングがパネルに存在する場合、Grafana はパネルエディタの**[値マッピング]**セクションにその概要を表示します。

**サポートされている視覚化**
+ 棒グラフ
+ 棒ゲージ
+ ローソク足チャート
+ キャンバス
+ ゲージ
+ ジオマップ
+ ヒストグラム
+ 円グラフ
+ 統計
+ 状態タイムライン
+ ステータス履歴
+ [テーブル]
+ 時系列
+ トレンド

## 値マッピングの種類
<a name="v10-panels-value-mappings-types"></a>

Grafana は、次の値マッピングの種類をサポートしています。
+ **[Value]** – 特定の値をテキストと色にマッピングします。例えば、値 `10` のすべてのインスタンスが数値ではなく `Perfection!` として表示されるように値マッピングを設定できます。単一の値をフォーマットする場合は、**Value** マッピングを使用します。
+ **[Range]** – 数値範囲をテキストと色にマッピングします。例えば、値が特定の範囲内にある場合は、数値ではなく `Low` または `High` を表示するように範囲値マッピングを設定できます。複数の連続値を推定する場合は、**Range** マッピングを使用します。
+ **[Regex]** – 正規表現をテキストと色にマッピングします。例えば、値が `www.example.com` の場合、Grafana が `www` を表示し、ドメインを切り捨てるように正規表現値マッピングを設定できます。正規表現値のテキストと色をフォーマットする場合は、**Regex** マッピングを使用します。
+ **[特殊]** – `Null`、`NaN` (数値以外) などの特殊な値、`true` や `false` などのブール値をテキストと色にマッピングします。例えば、`null` 値が `N/A` として表示されるように、特殊な値マッピングを設定できます。まれな値、ブール値、または空の値をフォーマットする場合は、**[特殊]** マッピングを使用します。

## 値マッピングの追加
<a name="v10-panels-value-mappings-add"></a>

パネルに値マッピングを追加できます。

**値マッピングを追加するには**

1. 更新するパネルに移動します。

1. パネルの任意の部分にカーソルを合わせると、パネルの右上隅にメニューが表示されます。

1. メニューで **[編集]** を選択します。

1. **[値マッピング]** セクションで、**[値マッピングを追加]** を選択します。

1. **[新しいマッピングの追加]** を選択し、次のいずれかを選択します。
   + **[Value]** – 一致する単一の値を入力します。
   + **[Range]** – 一致する範囲の開始値と終了値を入力します。
   + **[Regex]** – 一致する正規表現パターンを入力します。
   + **[特殊]** – 一致する特殊な値を選択します。

1. (オプション) 表示テキストを入力します。

1. (オプション) 色を設定します。

1. **[更新]** を選択して、値マッピングを保存します。

マッピングを追加したら、**[値マッピングの編集]** ボタンが **[値マッピングの追加]** ボタンに置き換わります。マッピングを追加または更新するには、編集ボタンを選択します。

# しきい値を設定する
<a name="v10-panels-configure-thresholds"></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 つです。

しきい値を使用すると、次のことができます。
+ 時系列の視覚化において、グリッド線またはグリッド領域を色付けします。
+ 統計の視覚化において、背景または値のテキストを色付けします。
+ 状態タイムラインで領域と領域の色を定義します。
+ 時系列の視覚化で線を色付けします。
+ ゲージにおいて、ゲージとしきい値マーカーを色付けします。
+ ジオマップのマーカーを色付けします。
+ テーブル内のセルのテキストまたは背景を色付けします。

**サポートされている視覚化**
+ 棒グラフ
+ 棒ゲージ
+ ローソク足チャート
+ キャンバス
+ ゲージ
+ ジオマップ
+ ヒストグラム
+ 統計
+ 状態タイムライン
+ ステータス履歴
+ [テーブル]
+ 時系列
+ トレンド

## デフォルトのしきい値
<a name="v10-panels-thresholds-default"></a>

しきい値をサポートする視覚化では、Grafana には以下のデフォルトのしきい値設定があります。
+ 80 = red (80 = 赤)
+ Base = green (ベース = 緑)
+ Mode = Absolute (モード = 絶対値)
+ しきい値の表示 = オフ (一部の視覚化の場合)

  詳細については、「[しきい値を表示する](#v10-panels-thresholds-show)」を参照してください。

## しきい値オプション
<a name="v10-panels-thresholds-options"></a>

以下のオプションを設定して、しきい値の外観をさらに定義できます。

### しきい値の値
<a name="v10-panels-thresholds-value"></a>

この数値は、しきい値をトリガーする値です。このフィールドでは、しきい値に関連付けられた色を設定することもできます。

**[Base]** (ベース) 値は、マイナス無限大を表します。デフォルトでは、緑色に設定されています。これは一般的に「良い」色です。

### しきい値モード
<a name="v10-panels-thresholds-mode"></a>

しきい値モードは 2 つあります。
+ **[絶対値]** しきい値は数値で定義されます。例えば、1～150 のスケールで 80 とします。
+ **[パーセンテージ]** しきい値は、最小値または最大値に対して定義されます。例えば、80% です。

### しきい値を表示する
<a name="v10-panels-thresholds-show"></a>

**注記**  
このオプションは、棒グラフ、ローソク足チャート、時系列、トレンド視覚化でのみサポートされています。

次のオプションを使用して、しきい値が視覚化時に表示されるかどうかと表示方法を設定します。
+ **[Off]** (オフ) – しきい値は表示されません。
+ **[線]** - しきい値は視覚化で水平線として表示されます。
+ **[破線]** - しきい値は、破線の水平線として表示されます。
+ **[領域の塗りつぶし]** - しきい値は水平領域として表示されます。
+ **[領域の塗りつぶしと線]** - しきい値は、線で区切られた水平領域として表示されます。
+ **[領域の塗りつぶしと破線]** - しきい値は、破線で区切られた水平領域として表示されます。

## しきい値の追加
<a name="v10-panels-thresholds-add"></a>

視覚化には、必要な数のしきい値を追加できます。Grafana はしきい値を高い順に自動的にソートします。

**しきい値を追加するには**

1. 更新するパネルに移動します。

1. パネルの任意の部分にカーソルを合わせると、右上隅にメニューが表示されます。

1. メニューから **[編集]** を選択します。

1. **[しきい値]** セクションまでスクロールするか、パネル編集ペインの上部にある検索バーに `Thresholds` と入力します。

1. **[しきい値の追加]** を選択します。

1. 新しいしきい値を入力するか、フィールドの右側にある上下の矢印を使用して、値を少しずつ増減させます。

1. しきい値の左側にある色付き円をクリックしてカラーピッカーを開くと、しきい値の色を更新できます。

1. **[しきい値モード]** で、**[絶対値]** または **[パーセンテージ]** を選択します。

1. **[しきい値の表示]** で、しきい値の表示方法を設定するか、オフにします。

しきい値を削除するには、しきい値を含むパネルに移動し、削除するしきい値の横にあるごみ箱アイコンを選択します。

# フィールドのオーバーライドを設定する
<a name="v10-panels-configure-overrides"></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)」を参照してください。

オーバーライドを使用すると、特定のフィールドまたは系列に対して視覚化設定をカスタマイズできます。これは、特定のフィールドセットをターゲットとし、それぞれ複数のオプションを定義できるオーバーライドルールを追加することで実現されます。

例えば、**[正規表現と一致する名前付きフィールド]** を使用してオーバーライドを追加して、テキスト `bytes` を含むすべてのフィールドに単位を設定し、オーバーライドルールに単位オプションを追加できます。

## 例 1: 温度の形式
<a name="v10-panels-overrides-format-temperature"></a>

結果セットが、`time` と `temperature` の 2 つのフィールドで構成されるデータフレームであると仮定します。


| 時間 | 温度 | 
| --- | --- | 
| 2020-01-02 03:04:00 | 45.0 | 
| 2020-01-02 03:05:00 | 47.0 | 
| 2020-01-02 03:06:00 | 48.0 | 

この構造の各フィールド (列) には、値の表示方法を変更するフィールドオプションを適用できます。つまり、例えば、単位を温度 > 摂氏に設定して、次の表を作成できます。


| 時間 | 温度 | 
| --- | --- | 
| 2020-01-02 03:04:00 | 45.0 °C | 
| 2020-01-02 03:05:00 | 47.0 °C | 
| 2020-01-02 03:06:00 | 48.0 °C | 

また、小数点は必須ではないため、削除できます。小数を**自動**からゼロ (**0**) に変更すると、次の表になります。


| 時間 | 温度 | 
| --- | --- | 
| 2020-01-02 03:04:00 | 45 °C | 
| 2020-01-02 03:05:00 | 47 °C | 
| 2020-01-02 03:06:00 | 48 °C | 

## 例 2: 温度と湿度の形式
<a name="v10-panels-overrides-format-humidity"></a>

結果セットが、`time`、`high temp`、`low temp`、`humidity` の 4 つのフィールドで構成されるデータフレームであるとします。


| 時間 | 高温 | 低温 | 湿度 | 
| --- | --- | --- | --- | 
| 2020-01-02 03:04:00 | 45.0 | 30.0 | 67 | 
| 2020-01-02 03:05:00 | 47.0 | 34.0 | 68 | 
| 2020-01-02 03:06:00 | 48.0 | 31.0 | 68 | 

摂氏単位を追加し、小数点以下を削除しましょう。この結果は以下の表になります。


| 時間 | 高温 | 低温 | 湿度 | 
| --- | --- | --- | --- | 
| 2020-01-02 03:04:00 | 45 °C | 30 °C | 67 °C | 
| 2020-01-02 03:05:00 | 47 °C | 34 °C | 68 °C | 
| 2020-01-02 03:06:00 | 48 °C | 31 °C | 68 °C | 

温度フィールドは良く見えますが、湿度を変更する必要があります。これを修正するには、湿度フィールドにフィールドオプションオーバーライドを適用し、単位を [Misc] (その他) > % (0～100) に変更します。


| 時間 | 高温 | 低温 | 湿度 | 
| --- | --- | --- | --- | 
| 2020-01-02 03:04:00 | 45 °C | 30 °C | 67% | 
| 2020-01-02 03:05:00 | 47 °C | 34 °C | 68% | 
| 2020-01-02 03:06:00 | 48 °C | 31 °C | 68% | 

## フィールドオーバーライドの追加
<a name="v10-panels-overrides-add-a-field"></a>

フィールドオーバーライドルールは、特定のフィールドまたは系列の視覚化設定をカスタマイズできます。

**フィールドオーバーライドの追加方法**

1. オーバーライドを追加するパネルを編集します。

1. パネルオプションサイドペインで、ペインの下部にある **[フィールドオーバーライドの追加]** を選択します。

1. オーバーライドルールが適用されるフィールドを選択します。
   + **[名前付きフィールド]** – 使用可能なすべてのフィールドの一覧からフィールドを選択します。このセレクタでルールに追加するプロパティは、この単一フィールドにのみ適用されます。
   + **[正規表現と一致する名前付きフィールド]** – 正規表現でオーバーライドするフィールドを指定します。このセレクタでルールに追加するプロパティは、フィールド名が正規表現と一致するすべてのフィールドに適用されます。これにより、オーバーライドするフィールドが選択されますが、フィールドの名前は変更されません。これを行うには、[[正規表現変換による名前の変更]](v10-panels-xform-functions.md) を使用します。
   + **[タイプ別フィールド]** – 文字列、数値などのフィールドをタイプ別に選択します。このセレクタでルールに追加するプロパティは、選択したタイプに一致するすべてのフィールドに適用されます。
   + **[クエリによって返されるフィールド]**: A、B、C など、特定のクエリによって返されるすべてのフィールドを選択します。このセレクタでルールに追加するプロパティは、選択したクエリによって返されるすべてのフィールドに適用されます。

1. **[オーバーライドプロパティの追加]** を選択します。

1. 適用するフィールドオプションを選択します。

1. フィールドに値を追加してオプションを入力します。オプションをデフォルト値に戻すには、フィールドの白い文字を削除します。

1. **[オーバーライドプロパティの追加]** を選択して、このフィールドにオーバーライドを追加し続けるか、**[オーバーライドの追加]** を選択し、オーバーライドを追加する別のフィールドを選択できます。

1. 完了したら **[保存]** を選択して、すべてのパネル編集をダッシュボードに保存します。

## フィールドオーバーライドの削除
<a name="v10-panels-overrides-delete-a-field"></a>

不要になったフィールドオーバーライドを削除します。オーバーライドを削除すると、値の外観はデフォルトで元の形式になります。この変更は、影響を受けるパネルに依存するダッシュボードとダッシュボードユーザーに影響します。

**フィールドオーバーライドを削除するには**

1. 削除するオーバーライドを含むパネルを編集します。

1. パネルオプションサイドペインで、オーバーライドが表示されるまで下にスクロールします。

1. 削除するオーバーライドを選択し、関連付けられたごみ箱アイコンを選択します。

## フィールドオーバーライドの表示
<a name="v10-panels-overrides-view"></a>

フィールドオーバーライドは、パネル表示オプションで表示できます。

1. 表示するオーバーライドを含むパネルを編集します。

1. パネルオプションサイドペインで、オーバーライドが表示されるまで下にスクロールします。

**注記**  
**[すべて]** タブに表示されるオーバーライド設定は、**[オーバーライド]** タブに表示される設定と同じです。

## フィールドオーバーライドの編集
<a name="v10-panels-overrides-edit-a-field"></a>

オーバーライド設定に変更を加える場合は、フィールドオーバーライドを編集します。加えた変更はすぐに反映されます。

**フィールドオーバーライドを編集するには**

1. 編集するオーバーライドを含むパネルを編集します。

1. パネルオプションサイドペインで、オーバーライドが表示されるまで下にスクロールします。

1. 変更するオーバーライドを見つけます。

1. 次のいずれかを実行します。
   + 既存のオーバーライドまたはフィールド選択パラメータの設定を編集します。
   + プロパティの横にある **[X]** を選択して、既存のオーバーライドプロパティを削除します。
   + **[オーバーライドプロパティの追加]** を選択して、オーバーライドプロパティを追加します。

# Grafana バージョン 10 で利用可能な視覚化
<a name="v10-panels-viz"></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 は、さまざまなユースケースをサポートするさまざまな視覚化を提供します。ドキュメントのこのセクションでは、組み込まれている視覚化、そのオプション、そして一般的な使用方法について説明します。

パネルの使用の開始からその基本まで学べる一般的なパネルは、[時系列](v10-panels-time-series.md) パネルです。

**注記**  
どの視覚化を選択するかわからない場合、Grafana はパネルクエリに基づいて視覚化について提案できます。視覚化を選択すると、その視覚化が適用されたプレビューが Grafana に表示されます。
+ グラフとチャート
  + [時系列](v10-panels-time-series.md)は、デフォルトおよび主要なグラフ視覚化です。
  + [状態タイムライン](v10-panels-state-timeline.md)は、時間の経過に伴う状態変化を表します。
  + [ステータス履歴](v10-panels-status-history.md)は、時間の経過に伴う定期的な状態を表します。
  + [棒グラフ](v10-panels-bar-chart.md)は、カテゴリ別データを表示します。
  + [ヒストグラム](v10-panels-histogram.md)は、値分布を計算し、棒グラフで表示します。
  + [ヒートマップ](v10-panels-heatmap.md)は、データを 2 つのディメンションで視覚化します。通常、現象の大きさを表すのに使用されます。
  + [円グラフ](v10-panels-piechart.md)は通常、比例性が重要な場合に使用されます。
  + [ローソク足チャート](v10-panels-candlestick.md)は通常、価格/データ移動が焦点となる財務データに使用されます。
  + [ゲージ](v10-panels-gauge.md)は、単一のメトリクスがしきい値からどの程度離れているかを示す従来の丸みを帯びたビジュアルです。
  + [[トレンド]](v10-panels-trend.md)は、時間ではない連続した数値 x を持つデータセットに使用されます。
  + [XY チャート](v10-panels-xychart.md)は、グラフ内の任意の x および y 値を視覚化する方法を提供します。
+ 統計と数値
  + [[Stat]](v10-panels-stat.md) は、大規模統計とオプションのスパークラインを表示します。
  + [[ゲージサイズ]](v10-panels-bar-gauge.md) は、水平または垂直の棒ゲージです。
+ [Misc] (その他)
  + [[テーブル]](v10-panels-table.md) は、主要かつ唯一のテーブルの視覚化です。
  + [[ログ]](v10-panels-logs.md) は、ログの主要な視覚化です。
  + [[Node graph]](v10-panels-node-graph.md) は、有向性グラフまたはネットワークを表します。
  + [[Traces]](v10-panels-traces.md) は、トレースに対する主な視覚化です。
  + [[Flame graph]](v10-panels-flamegraph.md) は、プロファイリングに対する主な視覚化です。
  + [[Geomap]](v10-panels-geomap.md) は、地理空間データを視覚化できます。
  + [[Datagrid]](v10-panels-datagrid.md) を使用すると、データを作成および操作でき、他のパネルのデータソースとして機能します。
+ ウィジェット
  + [ダッシュボードリスト](v10-panels-dashboard-list.md)はダッシュボードを一覧表示できます。
  + [アラートリスト](v10-panels-alert-list.md)はアラートを一覧表示できます。
  + [テキスト](v10-panels-text.md)には、マークダウンと html を表示できます。
  + [ニュース](v10-panels-news.md)には RSS フィードが表示されます。

## 詳細を見る
<a name="v10-panels-getmore"></a>

[プラグインカタログによるプラグインの検索](grafana-plugins.md#plugin-catalog) からパネルプラグインをインストールすることで、視覚化タイプをさらに追加できます。

## 例
<a name="v10-panels-examples"></a>

以下のセクションでは、視覚化の例を示します。

## グラフ
<a name="v10-panels-ex-graphs"></a>

時間ベースの折れ線、面積、棒グラフの場合は、デフォルトの[時系列](v10-panels-time-series.md)の視覚化をお勧めします。

![\[Grafana での時系列の視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/time_series_example.png)


カテゴリ別データには、[棒グラフ](v10-panels-bar-chart.md)を使用します。

![\[Grafana での棒グラフ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/barchart_example.png)


## 大規模な数値と統計
<a name="v10-panels-ex-numbers"></a>

[統計](v10-panels-stat.md)の視覚化は、オプションのグラフスパークラインを含む 1 つの大きな統計値を表示します。しきい値またはカラースケールを使用して、背景または値の色を制御できます。

![\[Grafana の統計視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/stat_panel_example.png)


## ゲージ
<a name="v10-panels-ex-gauge"></a>

最小値と最大値に関連する値を提示する場合は、2 つのオプションがあります。1 つ目は、標準の放射状[ゲージ](v10-panels-gauge.md)です。

![\[Grafana のゲージ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/gauge_example.png)


2 つ目として、Grafana には、3 つの異なる表示モードを持つ水平または垂直の[棒ゲージ](v10-panels-bar-gauge.md)もあります。

![\[Grafana のゲージ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/bar_gauge_example.png)


## [テーブル]
<a name="v10-panels-ex-table"></a>

テーブルレイアウトにデータを表示するには、[テーブル](v10-panels-table.md)の視覚化を使用します。

![\[Grafana のテーブル視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/table_example.png)


## 円グラフ
<a name="v10-panels-ex-piechart"></a>

1 つ以上のクエリから誘導された系列または値は、相互に関連するため、[円グラフ](v10-panels-piechart.md)の視覚化を用いて表示します。

![\[Grafana の円グラフ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/pie_chart_example.png)


## ヒートマップ
<a name="v10-panels-ex-heatmaps"></a>

時間の経過に伴う値の分布を表示するには、[ヒートマップ](v10-panels-heatmap.md)の視覚化を使用します。

![\[Grafana のヒートマップ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/heatmap_example.jpg)


## 状態タイムライン
<a name="v10-panels-ex-state"></a>

[状態タイムライン](v10-panels-state-timeline.md)には、時間の経過に伴う個別の状態変化が表示されます。時系列で使用すると、しきい値を使用して数値を離散状態の領域に変換します。

![\[Grafana の状態タイムライン視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/state_timeline_example.png)


# アラートリスト
<a name="v10-panels-alert-list"></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 バージョン 10 のアラート](v10-alerts.md)」を参照してください。　

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

## オプション
<a name="v10-panels-alert-list-options"></a>
+ **グループモード** – **[デフォルトのグループ化]** から選択して、アラートルール別にグループ化されたアラートインスタンスを表示します。また、**[カスタムグループ化]** では、ラベルのカスタムセット別にアラートインスタンスをグループ化します。
+ **[最大項目数]** – 一覧表示するアラートの最大数を設定します。
+ **[ソート順序]** – アラートをどのような順番で表示するかを選択します。
  + **アルファベット (昇順)** – アルファベット順
  + **アルファベット (降順)** – 逆アルファベット順
  +  **[重要性]** – 以下を参照。1 が最も高い。
    + `alerting` または `firing`: 1
    + `no_data`: 2
    + `pending`: 3
    + `ok`: 4
    + `paused` または `inactive`: 5
  + **[時間 (昇順)]** – 最新のアクティブなアラートインスタンスが最初に表示されます。
  + **[時間 (降順]** – 最も古いアクティブなアラートインスタンスが最初に表示されます。
+  **[このダッシュボードからのアラート]** – アラートリストが含まれているダッシュボードからのみアラートを表示します。

## フィルター
<a name="v10-panels-alert-filter"></a>

これらのオプションを使用すると、表示されるアラートを、選択したクエリ、フォルダ、またはタグに一致するアラートのみに制限できます。
+ **[アラート名]** – アラート名クエリを入力します。
+ **[アラートインスタンスラベル]** – ラベルクエリを使用してアラートインスタンスをフィルタリングします。例えば、`{severity="critical", instance=~"cluster-us-.+"}` と指定します。
+ **[フォルダ]** – フォルダを選択します。選択したフォルダ内のダッシュボードからのアラートのみが表示されます。
+ **[データソース]** – 選択したデータソースからアラートをフィルタリングします。

## 状態フィルター
<a name="v10-panels-alert-state-filter"></a>

このパネルに表示するアラートの状態を選択します。
+ アラート中/発生中
+ 保留中
+ データなし
+ 普通
+ エラー

# 注釈リスト
<a name="v10-panels-annotations"></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-panels-annotations-query"></a>

以下のオプションは、注釈のリストに対するソースクエリを制御します。

**[クエリフィルター]**

クエリフィルターを使用して、組織内のすべてのダッシュボードまたはこのパネルがある現在のダッシュボードから注釈のリストを作成します。これには次のオプションがあります。
+ すべてのダッシュボード - 現在の組織内のすべてのダッシュボードの注釈を一覧表示します。
+ このダッシュボード - リストを現在のダッシュボードの注釈に制限します。

**[時間範囲]**

時間範囲オプションを使用して、リストを現在の時間範囲に制限するかどうかを指定します。これには次のオプションがあります。
+ [なし] - 注釈クエリの時間範囲の制限はありません。
+ このダッシュボード - リストを、注釈リストパネルが利用可能なダッシュボードの時間範囲に制限します。

**[タグ]**

タグオプションを使用して、注釈をタグでフィルタリングします。リストを絞り込むために複数のタグを追加できます。

**注記**  
必要に応じて、タグリストを空のままにして、パネル自体の結果の一部としてリストされているタグを選択して、その場でフィルタリングします。

**[制限]**

制限オプションを使用して、返される結果の数を制限します。

## [Display] (表示)
<a name="v10-panels-annotations-display"></a>

これらのオプションは、注釈パネル表示に含まれる追加のメタデータを制御します。

**[ユーザーの表示]**

このオプションを使用して、注釈を作成したユーザーを表示または非表示にします。

**[時間の表示]**

このオプションを使用して、注釈の作成時刻を表示または非表示にします。

**[タグの表示]**

このオプションを使用して、注釈に関連付けられたタグを表示または非表示にします。*[NB]*: タグを使用して、視覚化自体の注釈リストをその場でフィルタリングできます。

## リンク動作
<a name="v10-panels-annotations-links"></a>

**[リンクの対象]**

このオプションを使用して、注釈付きデータを表示する方法を選択します。これには次のオプションがあります。
+ [Panel] (パネル) - このオプションは、対応する注釈を含むパネルのフル画面表示に直接移動します。
+ ダッシュボード - このオプションは、全ダッシュボードのコンテキストで注釈に焦点を当てます。

**[前に時間指定]**

このオプションを使用して、注釈の前に時間範囲を設定します。「1h」= 1 時間、「10m」= 10 分などの期間文字列値を使用します。

**[後に時間指定]**

このオプションを使用して、注釈の後に時間範囲を設定します。

# 棒グラフ
<a name="v10-panels-bar-chart"></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/barchart_example.png)


## サポートされているデータ形式
<a name="v10-panels-bar-chart-formats"></a>

サポートされるデータフレームは 1 つだけで、X 軸または Y 軸の項目として使用する文字列フィールドが少なくとも 1 つ、および数値フィールドが 1 つ以上必要です。以下は、データ形式の例です。


| ブラウザ | 市場シェア | 
| --- | --- | 
| Chrome | 50 | 
| Internet Explorer | 17.5 | 

複数の数値フィールドがある場合は、パネルにグループ化されたバーが表示されます。

### 時系列または複数の結果セットの視覚化
<a name="v10-panels-bar-chart-visualization"></a>

複数の時系列またはテーブルがある場合は、まず結合を使用して結合するか、変換を減らす必要があります。例えば、複数の時系列があり、その最終値と最大値を比較する場合は、変換の **[削減]** を追加し、**[計算]** で **[最大]** と **[Last]** をオプションとして指定します。

## 棒グラフのオプション
<a name="v10-panels-bar-chart-options"></a>

これらのオプションで、視覚化する内容を絞り込みます。

**[Orientation]** (向き)
+ **[自動]** – Grafana は、パネルのディメンションに基づいてバーの向きを決定します。
+ **[水平]** – X 軸をカテゴリ軸にします。
+ **[垂直]** – Y 軸をカテゴリ軸にします。

**[X 軸の目盛ラベルの回転]**

 グラフが垂直方向の場合、この設定はバーの下のラベルを回転させます。この設定は、棒グラフラベルが長く重複している場合に役立ちます。

**[X 軸の目盛ラベルの最大長]**

棒グラフラベルの最大長を設定します。最大長を超えるラベルは省略記号で切り捨てられます。

**[バーラベルの最小間隔]**

バーラベル間の最小間隔を設定します。

**[値の表示]**

値がバーの上部または左側に表示されるかどうかを制御します。
+ **[自動]** – スペースがある場合は値が表示されます。
+ **[常に表示]** – 常に値を表示します。
+ **[常に非表示]** – 常に値を表示しません。

**[積み上げ]**

棒グラフの積み上げを制御します。
+ **[Off]** (オフ) – バーは積み重ねられません。
+ **[普通]** – バーは積み重ねられます。
+ **[パーセント]** – バーは積み重ねられ、各バーの高さは積み重ねの合計の高さの割合です。

**[グループの幅]**

グループの幅を制御します。
+ `0 = Minimum width`
+ `1 = Maximum width`

**[バーの幅]** ()

バーの幅を制御します。
+ `0 = Minimum width`
+ `1 = Maximum width`

**[Bar radius]** (バーの丸角半径)

バーの丸角半径を制御します。
+ `0 = Minimum radius`
+ `0.5 = Maximum radius`

**[カーソル上の全領域をハイライト]**

バーにカーソルを合わせると、バーの周囲全体が強調表示されるかどうかを制御します。

**[線の幅]**

棒の線幅を制御します。

**[塗りつぶしの不透明度]**

棒の塗りつぶしの不透明度を制御します。

**[グラデーションモード]**

グラデーション塗りつぶしモードを設定します。塗りつぶしグラデーションは線の色を基準にします。色を変更するには、標準のカラースキームフィールドオプションを使用します。

グラデーションの外観は**[塗りつぶしの不透明度]**設定の影響を受けます。
+ **[なし]** – グラデーションの塗りつぶしなし。これはデフォルトの設定です。
+ **[不透明度]** – グラデーションの透明度は Y 軸の値に基づいて計算されます。Y 軸の値とともに塗りつぶしの不透明度が増加します。
+ **[色相]** – グラデーション色は線の色相に基づいて生成されます。

**[ツールチップモード]**

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

**注記**  
オーバーライドを使用して、ツールチップから個々の系列を非表示にできます。

**[テキストサイズ]**

棒グラフのテキストのサイズを変更する値を入力します。

## 凡例オプション
<a name="v10-panels-bar-chart-legend"></a>

**[凡例モード]**

これらの設定を使用して、グラフで凡例がどのように表示されるかを定義します。詳細については、「[凡例を設定する](v10-panels-configure-legend.md)」を参照してください。
+ **[リスト]** – 凡例を一覧として表示します。これは凡例のデフォルトの表示モードです。
+ **[テーブル]** – 凡例をテーブルとして表示します。
+ **[非表示]** – 凡例を非表示にします。

**[凡例の配置]**

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

**[凡例値]**

凡例に表示する系列データ値または標準計算を選択します。複数選択できます。詳細については、「[凡例を設定する](v10-panels-configure-legend.md)」を参照してください。

## 軸オプション
<a name="v10-panels-bar-chart-axis"></a>

次のフィールド設定を使用して、軸の表示方法を絞り込みます。一部のフィールドオプションは、編集するフィールドオプションボックスの外部をクリックするか、Enter キーを押すまで、視覚的表現には影響しません。

**[配置]**

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

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

**ラベル**

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

**[幅]**

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

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

**[ソフト最小値とソフト最大値]**

Y 軸の制限をより適切に制御するために、ソフト最小値またはソフト最大値オプションを設定します。デフォルトでは、Grafana はデータセットに基づいて Y 軸の範囲を自動的に設定します。

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

標準最小/最大値オプションを設定して、Y 軸のハード制限を定義できます。詳細については、「[標準オプションを設定する](v10-panels-configure-standard-options.md)」を参照してください。

**[Display multiple y-axes]** (複数の Y 軸を表示)

場合によっては、複数の Y 軸を表示したい場合があります。例えば、経時的な温度と湿度の両方を示すデータセットがある場合、これらの 2 つの系列で異なる単位を持つ 2 つの y 軸を表示したいとします。

これを行うには、[フィールドオーバーライドを追加します](v10-panels-configure-overrides.md)。必要な回数だけステップに従うことで、必要な数の y 軸を追加できます。

# 棒ゲージ
<a name="v10-panels-bar-gauge"></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 がまとめるにあたり、計算方法を選択します。

このパネルには、クエリの結果によって、1 つまたは複数の棒ゲージを表示できます (データが複数の系列、行、または列で構成されている場合など)。

![\[Grafana の棒ゲージ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/bar_gauge_example.png)


## 値オプション
<a name="v10-panels-bar-gauge-value"></a>

次のオプションを使用して、視覚化で値を表示する方法を絞り込みます。

**[表示]**

Grafana がデータを表示する方法を選択します。

**[計算]**

すべての行を元に計算した値を表示します。
+ **[計算]** – Grafana が多くのフィールドを 1 つの値に減らすために使用する reducer 関数を選択します。使用可能な計算の一覧については、「[計算タイプ](v10-panels-calculation-types.md)」を参照してください。
+ **[フィールド]** – パネルに表示されるフィールドを選択します。

**[すべての値]**

行ごとに個別の統計を表示します。このオプションを選択すると、表示する行数を制限することもできます。
+ **[制限]** – 表示する行の最大数。デフォルトは 5,000 です。
+ **[フィールド]** – パネルに表示されるフィールドを選択します。

## 棒ゲージオプション
<a name="v10-panels-bar-gauge-options"></a>

棒ゲージの表示方法を設定します。

**[Orientation]** (向き)

積み重ね方向を選択します。
+ **[自動]** – Grafana が最適な方向を選択します。
+ **[水平]** – バーは水平方向に左から右に伸びます。
+ **[垂直]** – バーは垂直に下から上に伸びます。

**Display mode (表示モード)**

表示モードを選択します。
+ **グラデーション]** – しきい値レベルはグラデーションを定義します。
+ **[Retro LCD]** – ゲージを小さなセルに分け、点灯または消灯させて表示します。
+ **[基本]** – 一致するしきい値に基づいて単一色で表示します。

**[Value display] (値の表示)**

値の表示モードを選択します。
+ **[Value color]** – 値の色は値によって決まります。
+ **[テキスト色]** – 値の色はデフォルトのテキスト色です。
+ **[非表示]** – 値は非表示です。

**[名前配置]**

名前配置モードを選択します。

**注記**  
このオプションは、棒ゲージの向きが水平の場合にのみ適用されます。棒ゲージが垂直方向にある場合、名前は常に各バーゲージの下に配置されます。
+ **[自動]** – Grafana が最適な配置を決定します。
+ **[Top]** – 名前は各棒ゲージの上部に配置されます。
+ **[左]** – 名前は各棒ゲージの左側に配置されます。

**[塗りつぶされていない領域を表示]**

バーの塗りつぶされていない領域を濃い灰色で表示する場合は、このオプションを選択します。Retro LCD 表示モードには適用されません。

**[Bar size] (バーサイズ)**

バーサイズモードを選択します。
+ **[自動]** – Grafana が最適な棒ゲージサイズを決定します。
+ **[Manual]** (手動) – 棒ゲージのサイズを手動で設定します。

**[最小幅]**

ゲージが垂直方向のときは、バーの列の最小幅を制限します。

大量のデータがある場合、X 軸スクロールバーを自動的に表示します。

**注記**  
このオプションは、バーサイズが手動に設定されている場合にのみ適用されます。

**[最小高さ]**

ゲージが水平方向のときは、バーの行の最小高さを制限します。

大量のデータがある場合、Y 軸スクロールバーを自動的に表示します。

**注記**  
このオプションは、バーサイズが手動に設定されている場合にのみ適用されます。

**[最大高さ]**

ゲージが水平方向のときは、バーの行の最大高さを制限します。

大量のデータがある場合、Y 軸スクロールバーを自動的に表示します。

**注記**  
このオプションは、バーサイズが手動に設定されている場合にのみ適用されます。

# ローソク足チャート
<a name="v10-panels-candlestick"></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)」を参照してください。

ローソク足チャートの作成により、価格変動に焦点を当てた多数の一貫したディメンションを含むデータを視覚化できます。ローソク足パネルには、OHLC (Open-High-Low-Close: 始値、高値、安値、終値) モードと、時系列データに基づく追加のディメンションのサポートが含まれています。

![\[Grafana でローソク足チャート作成の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/candlestick-panel-example.png)


ローソク足チャートの作成は、[時系列](v10-panels-time-series.md) の基礎に基づいて構築され、多くの一般的な設定が含まれています。

## モード
<a name="v10-panels-candlestick-mode"></a>

モードオプションを使用すると、視覚化に使用されるディメンションを切り替えられます。
+ **[Candles]** (ローソク) – パネルのディメンションを、ローソク足チャートの作成で使用される始値、高値、安値、終値のディメンションに制限します。
+ **[Volume]** (ボリューム) – パネルディメンションをボリュームディメンションに制限します。
+ **[Both]** (両方) - ローソク足パネルのデフォルトの動作です。これには、ローソク足とボリュームの両方の視覚化が含まれます。

## Candle style (ローソクのスタイル)
<a name="v10-panels-candlestick-style"></a>
+ **[Candles]** – デフォルトの表示スタイルでは、始値ディメンションと終値ディメンションとの間にローソクスタイルの視覚化が作成されます。
+ **[OHLC 棒]** – 4 つのコアディメンションである始値、高値、安値、終値を表示します。

## Color strategy (カラー戦略)
<a name="v10-panels-candlestick-color"></a>
+ **[始値から]** – デフォルトの動作。このモードは、期間内の料金変動が正の場合、*Up* カラー (下部) を使用します。つまり、クローズ時の値がオープン時の値以上である場合、*Up* カラーが使用されます。
+ **[前の終値以降]** は、ローソクの色が中間期の価格変動または値の変化に基づいている代替の表示方法です。つまり、オープン時の値がクローズ時の以前の値より大きい場合、*Up* カラーが使用されます。オープン時の値がクローズ時の以前の値よりも低い場合、*Down* カラーが使用されます。*このオプションでは、中空ローソク足グラフ作成モードもトリガーされます*。中空ローソク足は、期間内の変動が正 (値はオープン時よりもクローズ時が高い) であることを示します。塗りつぶされたローソク足は、期間内の変動が負 (値はオープン時よりもクローズ時が低い) であることを示します。詳細については、 「[違いの説明](https://thetradingbible.com/how-to-read-hollow-candlesticks)」を参照してください。

## アップカラーとダウンカラー
<a name="v10-panels-candlestick-updown"></a>

**[Up color]** と **[Down color]** オプションは、料金変動がアップまたはダウンするときにどの色を使用するかを選択します。上記の*カラー戦略*は、ローソクまたは OHLC バーの色を選択するために、期間内または中間期の料金変動を使用するかどうかを決定します。

## 始値、高値、安値、終値
<a name="v10-panels-candlestick-ohlc"></a>

ローソク足パネルは、フィールドを適切なディメンションにマッピングしようとします。
+ **[始値]** は、指定された期間の開始値に対応します。
+ **[高値]** は、指定された期間の最大値に対応します。
+ **[安値]** は、指定された期間の最小値に対応します。
+ **[終値]** は、指定された期間の最終 (終了) 値に対応します。
+ **[ボリューム]** は、特定の期間のサンプル数に対応します。(取引数など)

**注記**  
ローソク足の凡例は、これらの値を表示しません。

これらのディメンションを適切にマッピングするには、データからのクエリ結果テーブルに*少なくとも*次の列が含まれている必要があります。
+ `timestamp`
+ `open`
+ `high`
+ `low`
+ `close`

何らかの理由でデータをこれらのディメンションにマッピングできない場合 (列名が同じでない場合など)、パネルエディタの**ローソク足**オプションの下にある**始値**、**高値**、**安値**、および**終値**フィールドを使用して手動でマッピングできます。

## 追加フィールド
<a name="v10-panels-candlestick-other"></a>

**追加フィールド**

ローソク足パネルは時系列の視覚化に基づいています。始値、高値、安値、終値、ボリューム以外の追加のデータディメンションを視覚化できます。**[含める]** オプションと **[無視]** オプションを使用すると、[時系列](v10-panels-time-series.md) で使用できるのと同じスタイルと設定を使用して、単純な移動平均、ボリンジャーバンドなど、含まれている他のデータを視覚化できます。

# キャンバス
<a name="v10-panels-canvas"></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 の権限とカスタム要素の柔軟性を組み合わせています。キャンバスは、静的レイアウトと動的レイアウトに要素を明示的に配置できる拡張可能なフォームビルドパネルです。これにより、Grafana の UI 内全体で、標準の Grafana パネルでは不可能な方法でカスタムビジュアライゼーションとオーバーレイデータを設計できます。一般的な UI およびウェブ設計ツールを使用したことがある場合、キャンバスパネルの設計は非常に馴染みのあるものになります。

## [Elements] (要素)
<a name="v10-panels-canvas-elements"></a>

これらの要素はキャンバスに追加できます。複数の異なる種類の要素を追加すると、他の視覚化では不可能な方法で視覚化をカスタマイズできます。

**メトリクス値**

メトリクス値要素を使用すると、キャンバスに表示するデータを簡単に選択できます。この要素には、コンテキストメニューの*編集*オプションを通じて、またはパネルをダブルクリックしてトリガーできる一意の**編集**モードがあります。編集モードでは、表示するフィールドデータを選択できます。

**[テキスト]**

テキスト要素を使用すると、キャンバスにテキストを簡単に追加できます。また、要素は、ダブルクリックまたはコンテキストメニューの編集メニューオプションによってトリガーされる編集モードもサポートします。

**[Ellipse]** (楕円)

楕円要素を使用すると、基本的な楕円をキャンバスに追加できます。楕円要素はテキスト (固定データとフィールドデータの両方) を表示でき、背景色はデータしきい値に基づいて変更できます。

**[Rectangle]** (長方形)

長方形要素を使用すると、基本的な長方形をキャンバスに追加できます。長方形要素はテキスト (固定データとフィールドデータの両方) を表示でき、背景色はデータしきい値に基づいて変更できます。

**[Icon]** (アイコン)

アイコン要素を使用すると、サポートされているアイコンをキャンバスに追加できます。アイコンは、しきい値または値マッピングに基づいて色を設定できます。

**[Server]** (サーバー)

サーバー要素を使用すると、単一のサーバー、サーバーのスタック、データベース、またはターミナルを簡単に表現できます。サーバー要素は、ステータスの色、電球の色、電球の点滅レートをサポートし、すべて固定値またはフィールド値で設定できます。

**[Button]** (ボタン)

ボタン要素を使用すると、基本的なボタンをキャンバスに追加できます。ボタン要素は、認証されていない基本的な API コールのトリガーをサポートします。API 設定は、ボタン要素エディタにあります。API エディタでテンプレート変数を渡すこともできます。

**注記**  
ボタンを選択すると、インライン編集が無効になっている場合にのみ API コールがトリガーされます。「[Canvas の編集](#v10-panels-canvas-editing)」を参照してください。

## Connections
<a name="v10-panels-canvas-connections"></a>

キャンバスを構築するときは、要素を連結してより複雑な視覚化を作成できます。ある要素の接続アンカーから別の要素の接続アンカーにドラッグすることで、接続を作成できます。キャンバスの背景への接続を作成することもできます。接続アンカーは、要素にカーソルを合わせ、インライン編集がオンになると表示されます。接続を削除するには、接続を選択し、`Delete` または `Backspace` を押します。

固定値またはフィールド値に基づいて、接続のサイズと色の両方を設定できます。これを行うには、パネル編集モードに入り、接続を選択し、パネルエディタで接続のプロパティを変更します。

## Canvas の編集
<a name="v10-panels-canvas-editing"></a>

**[インラインエディタ]**

ダッシュボードモードのコンテキストでは、キャンバスをインラインで編集できます。

**Pan and zoom (パンとズーム)**

キャンバスのパンとズームをオンにします。これにより、より複雑な設計を作成およびナビゲートできます。

**注記**  
パンとズームは現在 Grafana Labs によってプレビューされています。サポートには制限があり、一般提供の前に重要な変更が発生する可能性があります。

**コンテキストメニュー**

コンテキストメニューを使用すると、一般的なタスクを迅速かつ効率的に実行できます。サポートされている機能には、インラインエディタの開閉、要素の複製、要素の削除などがあります。

コンテキストメニューは、パネルまたは特定のキャンバス要素に対する右クリックアクション (または同等のもの) によってトリガーされます。

*パネル*を右クリックすると、背景イメージを設定し、キャンバスに要素を簡単に追加できます。

*要素*を右クリックすると、要素を編集、削除、複製したり、要素のレイヤーの位置を変更したりできます。

## キャンバスオプション
<a name="v10-panels-canvas-options"></a>

**インライン編集**

インライン編集トグルを使用すると、キャンバスパネルをロックまたはロック解除できます。オフにすると、キャンバスパネルが*ロック*され、要素が所定の位置にフリーズし、意図しない変更を防止できます。

**データリンク**

キャンバスは[データリンク](v10-panels-configure-data-links.md)をサポートしています。以下の手順に従って、メトリクス値要素のデータリンクを作成し、フィールド名を使用するすべての要素に対して表示できます。

**要素のデータリンクを作成するには**

1. フィールド値に関連付ける要素を設定します。

1. インライン編集トグルをオフにします。

1. **[名前付きフィールド]** のオーバーライドを作成し、リストから要素フィールド名を選択します。

1. **[オーバーライドプロパティの追加]** ボタンを選択します。

1. リストから **[Datalinks > Datalinks]** を選択します。

1. **[\$1 リンクを追加]** を選択し、データリンクのタイトルと URL を追加します。

1. 要素にカーソルを合わせると、データリンクのツールチップが表示されます。

1. データリンクを開くことができる要素を選択します。

複数の要素が同じフィールド名を使用し、どの要素がデータリンクを表示するかを制御したい場合は、[計算からのフィールドの追加](v10-panels-xform-functions.md#v10-panels-xform-funcs-add) 変換を使用して一意のフィールド名を作成できます。変換で作成したエイリアスは、要素とともに使用できるフィールドとして表示されます。

# ダッシュボードの一覧表示
<a name="v10-panels-dashboard-list"></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)」を参照してください。

ダッシュボードリストを使用すると、他のダッシュボードへの動的リンクを表示できます。リストは、スター付きダッシュボード、最近表示されたダッシュボード、検索クエリ、ダッシュボードタグを使用できるよう設定が可能です。

ダッシュボードのロードごとに、このパネルはダッシュボードリストに対してクエリを実行し、常に最新の結果を表示します。

**オプション**

これらのオプションで、視覚化する内容を絞り込みます。
+ **[現在の時間範囲を含める]** – このオプションを選択すると、現在のダッシュボードの時間範囲がダッシュボードリンクに反映されます。ユーザーがリンクを選択すると、リンクされたダッシュボードが開き、指定された時間範囲が既に設定されています。
+ **[現在のテンプレート変数値を含める]** – このオプションを選択すると、リンクに現在クエリパラメータとして使用されているテンプレート変数を含めることができます。ユーザーがリンクを選択すると、リンクされたダッシュボード内の一致するテンプレートがリストからの値に設定されます。詳細については、「[ダッシュボード URL 変数](v10-dash-dashboard-url-variables.md)」を参照してください。
+ **[Starred]** (スター付き) – スター付きダッシュボードをアルファベット順に表示します。
+ **[最近表示]** – 最近表示したダッシュボードをアルファベット順に表示します。
+ **[検索]** – 検索クエリまたはタグでダッシュボードを表示します。**クエリ**または**タグ**に少なくとも 1 つの値を入力する必要があります。**クエリ**フィールドと**タグ**フィールドでは、`$my_var` や `${my_var}` など、変数補間がサポートされています。
+ **[見出しの表示]** – 選択したリスト選択 (スター付き、最近表示、検索) が見出しとして表示されます。
+ **[最大項目数]** – セクションごとに一覧表示する項目の最大数を設定します。例えば、これをデフォルト値の 10 のままにして、スター付きダッシュボードと最近表示ダッシュボードを表示した場合、パネルには各セクションに 10 個、合計 20 個のダッシュボードが表示されます。

**[検索]**

これらのオプションは、**検索**オプションが選択されている場合にのみ適用されます。
+ **[クエリ]** – 検索するクエリを入力します。クエリでは大文字と小文字が区別されず、部分的な値も受け入れられます。
+ **[フォルダ]** – 表示するダッシュボードフォルダを選択します。
+ **[タグ]** – ここに検索するタグを入力します。既存のタグは入力時に表示されず、大文字と小文字*が*区別されます。

**注記**  
複数のタグと文字列が表示されると、ダッシュボードリストに*すべての*条件に一致するタグと文字列が表示されます。

# データグリッド
<a name="v10-panels-datagrid"></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 Labs によるプレビュー段階です。サポートには制限があり、一般提供の前に重要な変更が発生する可能性があります。

データグリッドでは、Grafana 内でデータの作成、編集、ファインチューニングが可能です。そのため、このパネルはダッシュボード内の他のパネルのデータソースとして機能します。

![\[Grafana のデータグリッド視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/datagrid-panel-example.png)


これにより、任意のデータソースからクエリされたデータを操作したり、白紙状態から開始したり、ドラッグアンドドロップされたファイルからデータを取得したりできます。その後、パネルを単純な表形式の視覚化として使用したり、データを変更したり、完全に削除して白紙状態を作成したりできます。

データセットを編集すると、組み込みの **[Grafana]** データソースを使用するようにデータソースが変更され、古いデータソース設定と関連するクエリが置き換えられます。また、現在のデータセットをダッシュボードモデルにコピーします。

その後、組み込みの **ダッシュボード** データソースを使用してデータグリッドデータを取得することで、パネルを他のパネルのデータソースとして使用できます。これにより、インタラクティブなダッシュボードエクスペリエンスが提供され、データを変更したり、他のパネルに反映された変更を確認したりできます。

**Grafana** および **ダッシュボード** データソースの詳細については、「[特別なデータソース](AMG-data-sources.md#AMG-data-sources-special)」を参照してください。

## コンテキストメニュー
<a name="v10-panels-datagrid-context"></a>

より合理化されたエクスペリエンスを提供するために、データグリッドには、セル、列ヘッダー、または行セレクタを右クリックしてアクセスできるコンテキストメニューがあります。データグリッドの状態に応じて、コンテキストメニューには次のようなさまざまなオプションが用意されています。
+ すべての行と列を削除またはクリアします。
+ 既存のデータをすべて削除します (データグリッドを空白にします)。
+ トリガー検索機能により、データセット内のキーワードを検索できます。

行または列を削除するとデータグリッドからデータが削除されますが、行または列をクリアするとセルからデータのみが削除され、行または列はそのまま残ります。

**ヘッダーメニュー**

ヘッダータイトルの横にあるドロップダウンアイコンを選択して、ヘッダーメニューにアクセスすることもできます。ここから、列を削除またはクリアするだけでなく、名前の変更、フリーズ、列のフィールドタイプの変換もできます。

## 系列の選択
<a name="v10-panels-datagrid-selectseries"></a>

複数の系列がある場合は、パネルオプションの **[系列の選択]** ドロップダウンを使用して、任意のデータセットを表示するようにデータグリッドを設定できます。

## データグリッドの使用
<a name="v10-panels-datagrid-using"></a>

データグリッドは、データを操作するさまざまな方法を提供します。行と列を編集、移動、クリア、削除したり、組み込みの検索機能を使用して特定のデータを検索したり、フィールドタイプを変換したり、特定の列の水平スクロールをフリーズしたりできます。

**データの追加**

新しい列または行を作成することで、データグリッドにデータを追加できます。

**新しい列を追加するには**

1. 既存のパネルで、最後の列の後にテーブルヘッダーの **[\$1]** ボタンを選択します。

1. 新しい列の名前を追加します。

1. フィールド外の任意の場所を選択するか、`Enter` を押して列を保存します。

これで、各セルにデータを追加できます。

新しい行を追加するには、最後の行の後に **[\$1]** ボタンを選択します。ボタンは最後の行の後にある各セルに存在し、これを選択すると、選択したセルもアクティブ化しながら、新しい行の作成がトリガーされます。

**データの編集**

必要に応じて列と行を移動できます。

**列を移動するには**

1. 移動する必要がある列のヘッダーを長押しします。

1. 列を目的の場所にドラッグします。

1. 列を放して移動を確定します。

行を移動するには、グリッドの左端にある数値列から行セレクタを選択して長押しし、目的の場所にドラッグします。行を放して移動を確定します。

**複数のセルの選択**

1 つのセルを選択し、他のセル間でドラッグすることで、複数のセルを選択できます。この選択を使用して、選択したセルからデータをコピーしたり、`Delete` キーを使用して削除したりできます。

**複数の行または列の削除またはクリア**

複数の行を削除またはクリアするには、以下を実行します。

**複数の行または列を削除またはクリアするには**

1. 数値列 (グリッドの最初の列左側) にカーソルを合わせると、行チェックボックスが表示されます。

1. 操作する行のチェックボックスを選択します。複数の連続する行を選択するには、`Shift` キーを押しながら、最初と最後の行をクリックします。連続しない行を選択するには、`Ctrl` (または `Cmd`) キーを押しながら目的の行をクリックします。

1. コンテキストメニューにアクセスするには、右クリック (または対応する操作) をします。

1. **[行の削除]** または **[行のクリア]** を選択します。

列ヘッダーをクリックすると、同じルールが列に適用されます。

すべての行を削除するには、データグリッドの左上隅にある **[すべて選択]** チェックボックスを使用します。これにより、すべての行が選択され、コンテキストメニューを使用して行を削除できます。

# フレームグラフ
<a name="v10-panels-flamegraph"></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/flamegraph-panel-example.png)


## フレームグラフモード
<a name="v10-panels-flamegraph-mode"></a>

フレームグラフは、プロファイリングデータの階層的な性質を活用します。データを形式に集約することで、メモリを測定するときに、CPU 時間、割り当てられたオブジェクト、スペースなど、どのコードパスが最もシステムリソースを消費しているかを簡単に確認できます。フレームグラフの各ブロックはスタック内の関数呼び出しを表し、ブロックの幅は値を表します。

グレーアウトされたセクションは、比較的小さな値を表す関数のセットであり、パフォーマンス上の理由から 1 つのセクションにまとめられます。

特定の関数にカーソルを合わせると、関数の値、合計値の割合、その関数のサンプル数など、その関数に関する追加データを示すツールチップを表示できます。

**ドロップダウンアクション**

関数をクリックして、追加のアクションを含む以下のドロップダウンメニューを表示できます。
+ **[Focus block]** (フォーカスブロック) - **フォーカスブロック**を選択すると、ブロックまたは関数はフレームグラフの幅の 100% に設定され、そのすべての子関数が親関数の幅に対して更新された幅で表示されます。これにより、フレームグラフの小さな部分にドリルダウンしやすくなります。
+ **[コピー関数名]** - **[コピー関数名]**を選択すると、ブロックが表す関数のフルネームがコピーされます。
+ **[サンドウィッチビュー]** – サンドウィッチビューでは、クリックされた関数のコンテキストを表示できます。関数のすべての呼び出し元が上部に表示され、すべての呼び出し先が下部に表示されます。これは関数の集約コンテキストを示すため、関数がフレームグラフの複数の場所に存在する場合、すべてのコンテキストがサンドウィッチビューに表示され、集約されます。

**ステータスバー**

 ステータスバーには、フレームグラフと現在適用されている変更に関するメタデータが表示されます。例えば、グラフのどの部分がフォーカスされているか、どの関数がサンドイッチビューに表示されるかなどです。ステータスバーのプルダウンにある **[X]** をクリックして、その変更を削除します。

## ツールバー
<a name="v10-panels-flamegraph-toolbar"></a>

**[検索]**

検索フィールドを使用して、特定の名前の関数を検索できます。検索に一致するフレームグラフのすべての関数では色はそのままで、残りの関数はグレーアウトされます。

**Color schema picker** (カラースキーマピッカー)

色付け関数を値またはパッケージ名で切り替えて、同じパッケージから関数を視覚的に結び付けることができます。

**[テキスト配置]**

ブロックに収まらない場合、テキストを左または右に揃えて、関数名のより重要な部分を表示できます。

**視覚化ピッカー**

フレームグラフのみ、テーブルのみ、またはその両方を同時に表示することを選択できます。

## トップテーブルモード
<a name="v10-panels-flamegraph-toptablemode"></a>

トップテーブルは、プロファイルの関数を表形式で示しています。テーブルには、symbols、self、total (記号、自己、合計) の 3 つの列があります。テーブルはデフォルトでセルフタイムでソートされますが、列ヘッダーをクリックして合計時間またはシンボル名で並べ替えることができます。関数がプロファイル内の複数の場所に表示される場合、各行は特定の関数の集計値を表します。

行ごとに左側にアクションボタンもあります。最初のボタンは関数名を検索し、2 番目のボタンは関数のサンドウィッチビューを表示します。

## Data API
<a name="v10-panels-flamegraph-dataapi"></a>

フレームグラフをレンダリングするには、[[ネストされたセットモデル]](https://wikipedia.org/wiki/Nested_set_model)を使用してデータフレームのデータをフォーマットする必要があります。

ネストされたセットモデルは、フレームグラフの各項目が整数値、メタデータ、およびデータフレーム内の順序としてネストレベルによってのみエンコードされるようにします。つまり、項目の順序は重要であり、正しい必要があります。順序付けは、フレームグラフ内の項目の深さ優先探索であり、子配列のようにデータフレームに可変長値を使用せずにグラフを再作成します。

必須フィールド


| フィールド名 | タイプ | 説明 | 
| --- | --- | --- | 
| level | 数値 | 項目のネストレベル。つまり、この項目とフレームグラフの上位項目の間にある項目の数。 | 
| 値 | 数値 | 項目の絶対値または累積値。これは、グラフ内の項目の幅に変換される。 | 
| ラベル | string | 特定の項目に表示されるラベル。 | 
| self | 数値 | 通常、項目の累積値から直近の子の累積値の合計を引いた自己値。 | 

# ゲージ
<a name="v10-panels-gauge"></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/gauge_example.png)


## 値オプション
<a name="v10-panels-gauge-value"></a>

次のオプションを使用して、視覚化で値を表示する方法を絞り込みます。

**[表示]**

Grafana がデータを表示する方法を選択します。

*[計算]*

すべての行を元に計算した値を表示します。
+ **[計算]** – Grafana が多くのフィールドを 1 つの値に減らすために使用する reducer 関数を選択します。使用可能な計算のリストについては、「[計算タイプ](v10-panels-calculation-types.md)」を参照してください。
+ **[フィールド]** – パネルに表示するフィールドを選択します。

*[すべての値]*

行ごとに個別の統計を表示します。このオプションを選択すると、表示する行数を制限することもできます。
+ **[制限]** – 表示する行の最大数。デフォルトは 5,000 です。
+ **[フィールド]** – パネルに表示するフィールドを選択します。

## ゲージ
<a name="v10-panels-gauge-gauge"></a>

ゲージの表示方法を設定します。

**[Orientation]** (向き)

積み重ね方向を選択します。
+ **[自動]** – ゲージは行と列で表示されます。
+ **[水平]** – ゲージは上から下に表示されます。
+ **[垂直]** – ゲージは左から右に表示されます。

**[しきい値ラベルの表示]**

しきい値を表示するかどうかを制御します。

**[しきい値マーカーの表示]**

しきい値バンドを内部ゲージ値バンドの外部に表示するかどうかを制御します。

**[ゲージサイズ]**

ゲージサイズモードを選択します。
+ **[自動]** – Grafana が最適なゲージサイズを決定します。
+ **[Manual]** (手動) – ゲージサイズを手動で設定します。

**[最小幅]**

垂直方向ゲージの最小幅を設定します。

最小幅を設定すると、大量のデータがある場合、X 軸スクロールバーが自動的に表示されます。

**注記**  
このオプションは、ゲージサイズが手動に設定されている場合にのみ適用されます。

**[最小高さ]**

水平方向のゲージの最小高さを設定します。

最小高さを設定すると、大量のデータがある場合、Y 軸スクロールバーが自動的に表示されます。

**注記**  
このオプションは、ゲージサイズが手動に設定されている場合にのみ適用されます。

**[Neutral]** (ニュートラル)

すべてのゲージを埋める開始値を設定します。

## テキストサイズ
<a name="v10-panels-gauge-textsize"></a>

ゲージテキストのサイズを調整します。
+ **[タイトル]** – ゲージタイトルサイズの数値を入力します。
+ **[値]** – ゲージ値サイズの数値を入力します。

# ジオマップ
<a name="v10-panels-geomap"></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)」を参照してください。

ジオマップを使用すると、地理空間データを用いて世界地図を表示、カスタマイズできます。さまざまなオーバーレイスタイルとマップビュー設定を設定して、データの重要な位置情報に注目しやすくすることができます。

**注記**  
が提供するベースマップレイヤーの上に独自の地理空間データを追加できます AWS。ベースマップレイヤーはすべて [https://tiles.maps.search-services.aws.a2z.com](https://tiles.maps.search-services.aws.a2z.com) から取得する必要があります。

![\[Grafana のジオマップ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/geomap-panel-example.png)


## マップビュー
<a name="v10-panels-geomap-view"></a>

マップビューは、ダッシュボードのロード時にマップの初期ビューを制御します。

**[初期ビュー]**

初期ビューは、パネルが最初にロードされたときに GeoMap パネルがどのようにレンダリングされるかを設定します。
+ **[ビュー]** は、パネルが最初にロードされたときにマップの中心を設定します。
  + **[Fit to data]** は、データが変更されたときのマップレイヤーと更新のデータ範囲に基づいてマップビューに適合します。
    + **[データ]** オプションでは、*[すべてのレイヤー]* のデータ、単一の *[レイヤー]*、または選択したレイヤーの *[最後の値]* に基づいて範囲を選択できます。
    + **[レイヤー]** において、単一の *[Layer]* (レイヤー) またはレイヤーの *[最後の値]* からデータをフィッティングする場合に選択できます。
    + **[パディング]** は、データ範囲を超えた相対的な割合でパディングを設定します (*[最後の値]* のみを参照する場合は使用できません)。
    + **[Max Zoom]** は、データをフィッティングするときに最大ズームレベルを設定します。
  + **[座標]** は、以下に基づいてマップビューを設定します。
    + **Latitude** (緯度)
    + **Longitude** (経度)
  + デフォルトビューには、以下を含むものもあります。
    + **(0°, 0°)**
    + **北米**
    + **南米**
    + **欧州**
    + **アフリカ**
    + **西アジア**
    + **南アジア**
    + **東南アジア**
    + **東アジア**
    + **オーストラリア**
    + **オセアニア**
+ **[Zoom]** は、初期ズームレベルを設定します。

## レイヤーのマッピング
<a name="v10-panels-geomap-layers"></a>

ジオマップでは、複数のレイヤーの表示がサポートされています。各レイヤーは、ベースマップ上に地理空間データをどのように表示するかを決定します。

**タイプ**

ジオマップの視覚的表現では、3 つのマップレイヤータイプを選択できます。
+ [マーカーレイヤー](#v10-panels-geomap-markers) は、各データポイントにマーカーをレンダリングします。
+ [ヒートマップレイヤー](#v10-panels-geomap-heatmap) はデータのヒートマップを視覚化します。
+ [GeoJSON レイヤー](#v10-panels-geomap-geojson) は GeoJSON ファイルから静的データをレンダリングします。
+ [夜間/昼間レイヤー (アルファ）](#v10-panels-geomap-nightday) は夜間または昼間のリージョンをレンダリングします。
+ [ルートレイヤー (プレビュー)](#v10-panels-geomap-route) データポイントをルートとしてレンダリングします。
+ [写真レイヤー (プレビュー)](#v10-panels-geomap-photos) は、各データポイントに写真をレンダリングします。
+ [ネットワークレイヤー (プレビュー)](#v10-panels-geomap-network) は、データからネットワークグラフを視覚化します。

また、実験 (またはアルファ) レイヤータイプも 2 つあります。
+ **[Icon at last point (alpha)]** は、最後のデータポイントにアイコンをレンダリングします。
+ **[Dynamic GeoJSON (alpha)]** は、クエリ結果に基づいて GeoJSON ファイルをスタイルします。

**注記**  
パブリック*プレビュー*でプレビューまたは*アルファ*とマークされたレイヤーです。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

**[レイヤーコントロール]**

レイヤーコントロールを使用すると、レイヤーの作成、名前の変更、レイヤーの順序の変更、削除を行うことができます。
+ **[レイヤーの追加]** で、ジオマップ用に設定可能な追加のデータレイヤーを作成できます。レイヤーを追加すると、レイヤータイプを選択するように求められます。レイヤータイプは、パネル設定中にいつでも変更できます。
+ レイヤーコントロールを使用すると、パネルのレイヤーの名前変更、削除、順序変更をすることができます。
  + **[レイヤー名の編集]** (鉛筆アイコン) でレイヤーの名前を変更できます。
  + **[Trash Bin]** (ごみ箱) でレイヤーを削除できます。
  + **[Reorder]** (順序変更) (6 つのドット/グラブハンドル) では、レイヤーの順序を変更できます。上位レイヤーのデータは、下位レイヤーのデータの上に表示されます。視覚化では、レイヤーの順序の選択を簡素化するために、ドラッグアンドドロップするとレイヤーの順序が更新されます。

1 つのジオマップパネルに複数のデータレイヤーを追加して、リッチで詳細な視覚化を作成できます。

**場所**

ジオマップには、地理的データの情報源が必要です。このデータには 4 つのマッピングオプションがあり、データベースクエリを使用して取得します。
+ **[自動]** でロケーションデータを自動的に検索します。クエリがデータフィールドの次のいずれかの名前に基づいている場合は、このオプションを使用します。
  + *geohash*: `geohash`
  + *latitude*: `latitude`, `lat` 
  + *longitude*: `longitude`, `lng`, `lon` 
  + *[ルックアップ]*: `lookup`
+ **Coords** (座標): クエリに座標データが含めることを指定します。データベースクエリから、緯度と経度の数値データフィールドを選択するよう求められます。
+ **Geohash** (ジオハッシュ): クエリがジオハッシュデータが含めることを指定します。データベースクエリから、ジオハッシュの文字列データフィールドを選択するよう求められます。
+ **[ルックアップ]**: クエリに値にマッピングする必要があるロケーション名データが含めることを指定します。データベースクエリと地名索引からルックアップフィールドを選択するよう求められます。地名索引は、クエリされたデータを地理的ポイントにマッピングするために使用されるディレクトリです。

## マーカーレイヤー
<a name="v10-panels-geomap-markers"></a>

マーカーレイヤーを使用すると、データポイントを円、正方形、三角形、星などのさまざまな形のマーカーとして表示することができます。

マーカーには多くのカスタマイズオプションがあります。
+ **[サイズ]** ではマーカーのサイズを設定します。デフォルトは `Fixed size` です。これにより、すべてのマーカーサイズはデータに関係なく同じになります。ただし、選択したフィールドに対応するデータに基づいてマーカーのサイズを変更するオプションもあります。マーカーレイヤーがこの範囲内でスケールできるように、`Min` と `Max` のマーカーサイズを設定する必要があります。
+ **[Symbol]** を使用すると、データに追加のビジュアルコンテキストを提供するのに役立つシンボル、アイコン、またはグラフィックを選択できます。シンプルな記号や Unicon ライブラリなど、Grafana に含まれているアセットから選択します。画像アセットを含む URL を指定することもできます。画像は SVG (Scalable Vector Graphics: スケーラブルベクトルグラフィック) である必要があります。
+ **[Symbol Vertical Align]** では、データポイントに対するシンボルの垂直配置を設定します。なお、シンボルの回転角度は、まずデータポイントの周囲に適用され、次に垂直方向のアライメントがシンボルの回転に対して適用されます。
+ **[Symbol Horizontal Align]** では、データポイントに対するシンボルの水平配置を設定します。シンボルの回転角度は、まずデータポイントの周囲に適用され、次に水平方向のアライメントがシンボルの回転に対して適用されます。
+ **Color** ではマーカーの色を設定します。デフォルト `Fixed color` では、すべてのマーカーを特定の色に設定します。**標準オプション**セクションで選択したフィールドデータポイント値とカラースキーム設定に応じて、条件付き色を使用するオプションもあります。
+ **[塗りつぶしの透明度]**: 各マーカーの透明度を設定します。
+ **[Rotation angle]** では、各マーカーの回転角度を設定します。デフォルトは **[Fixed value]** (固定値) です。これにより、データに関係なくすべてのマーカーが同じ角度で回転しますが、選択したフィールドに対応するデータに基づいてマーカーの回転を設定するオプションもあります。
+ **[テキストラベル]** では、マーカーごとにテキストラベルを設定します。
+ **[凡例の表示]** を使用すると、レイヤーの凡例を切り替えることができます。
+ **[Display tooltip]** (ツールチップの表示) を使用すると、レイヤーのツールチップを切り替えることができます。

## ヒートマップレイヤー
<a name="v10-panels-geomap-heatmap"></a>

ヒートマップレイヤーは、さまざまなデータポイントをクラスター化して、密度の異なる場所を視覚化します。

![\[Grafana のジオマップ視覚化を使用したヒートマップの例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/geomap-heatmap-example.png)


ヒートマップレイヤーを追加するには

[Data レイヤー] のドロップダウンメニューを選択し、`Heatmap` を選択します。

`Markers` と同様に、視覚化するデータポイントとその視覚化方法を決定するオプションが表示されます。
+ **[重み値]** では、ヒートマップクラスターの強度を設定します。**[固定値]** を選択すると、すべてのデータポイントに対して一定の重みが適用されます。この値は 0～1 の範囲で設定します。マーカーと同様に、ドロップダウンには、データ値に応じて重み値を自動的にスケールする代替オプションがあります。
+ **[Radius]** (半径): ヒートマップクラスターのサイズを設定します。
+ **[Blur]** (ぼかし) では、各クラスターのぼかしの量を設定します。
+ **[不透明度]** では、各クラスターの不透明度を設定します。
+ **[Display tooltip]** (ツールチップの表示) を使用すると、レイヤーのツールチップを切り替えることができます。

## GeoJSON レイヤー
<a name="v10-panels-geomap-geojson"></a>

GeoJSON レイヤーを使用すると、ファイルシステムから静的 GeoJSON ファイルを選択してロードできます。
+ **[GeoJSON URL]** では、Grafana に付属する GeoJSON ファイルを選択できます。
+ **[デフォルトのスタイル]** では、上記のルールが一致しない場合に適用するスタイルを制御します。
  + **[色]** ではデフォルトのスタイルの色を設定します
  + **[不透明度]** ではデフォルトの不透明度を設定します
+ **[スタイルルール]** では、機能のプロパティに基づいてスタイルを適用します
  + **[ルール]** を使用すると、GeoJSON ファイルから*特徴量*、*条件*、および*[値]*を選択して、ルールを定義できます。ごみ箱アイコンを使用して、現在のルールを削除できます。
  + **[色]** では、現在のルールに対するスタイルの色を設定します
  + **[不透明度]** では、現在のルールの透明性レベルを設定します。
+ **[スタイルルールの追加]** で、追加のスタイルルールを作成できます。
+ **[Display tooltip]** (ツールチップの表示) を使用すると、レイヤーのツールチップを切り替えることができます。

## 夜間/昼間レイヤー (アルファ）
<a name="v10-panels-geomap-nightday"></a>

夜間/昼間レイヤーには、現在の時間範囲に基づいて夜間および昼間の領域が表示されます。

![\[Grafana のジオマップ視覚化を使用した夜間/昼間のレイヤーの例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/geomap-day-night-example.png)


**オプション**
+ **[表示]** では、パネルの時間範囲から時間ソースを切り替えます。
+ **Night region color** では、夜間領域の色を選択します。
+ **[Display sun]** (太陽の表示) で太陽アイコンが切り替えられます。
+ **[不透明度]** は 0 (透明) から 1 (不透明) です。
+ **[Display tooltip]** (ツールチップの表示) を使用すると、レイヤーのツールチップを切り替えることができます。

**注記**  
詳細については、「[OpenLayers の拡張機能 - DayNight](https://viglino.github.io/ol-ext/examples/layer/map.daynight.html)」を参照してください。

## ルートレイヤー (プレビュー)
<a name="v10-panels-geomap-route"></a>

ルートレイヤーは、データポイントをルートとしてレンダリングします。

**注記**  
ルートレイヤーは現在パブリックプレビュー中です。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

![\[Grafana のジオマップ視覚化を使用したルートレイヤーの例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/geomap-route-layer-example.png)


**オプション**
+ **[サイズ]** ではルートの厚さを設定します。デフォルトでは値が固定されています。フィールドデータを選択すると、フィールドデータがスケールすることができる [最小] 範囲と [最大] 範囲を設定できます。
+ **[Color]** ではルートの色を設定します。デフォルトでは固定色に設定されています。色をフィールドデータに関連付けることもできます。
+ **[塗りつぶしの不透明度]** は、ルートの不透明度を設定します。
+ **[テキストラベル]** では、ルートごとにテキストラベルを設定します。
+ **[Arrow]** (矢印) では、データ順にルートに沿って表示する矢印スタイルを設定します。
  + **[なし]**
  + **[前進]**
  + **[Reverse]** (逆順)
+ **[Display tooltip]** (ツールチップの表示) を使用すると、レイヤーのツールチップを切り替えることができます。

**注記**  
詳細については、「[OpenLayers の拡張機能 - 動線スタイル](http://viglino.github.io/ol-ext/examples/style/map.style.gpxline.html)」を参照してください。

## 写真レイヤー (プレビュー)
<a name="v10-panels-geomap-photos"></a>

写真レイヤーは、各データポイントに写真をレンダリングします。

**注記**  
写真レイヤーは現在パブリックプレビュー中です。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

**オプション**
+ **[Image Source Field]** (画像ソースフィールド) では、画像データを Base64 でエンコードされた画像バイナリ (`data:image/png;base64,...`) として含む文字列フィールドを選択できます。
+ **[Kind]** (種類) では、画像の周りにフレームスタイルを設定します。以下から選択します。
  + **[Square]** (平方)
  + **[Circle]** (円形)
  + **[Anchored]** (アンカー)
  + **[Folio]** (フォリオ)
+ **[Crop]** (トリミング) では、画像がフィットするようにトリミングされるかどうか切り替えます。
+ **[Shadow]** (シャドウ) では、画像の背後にあるボックスシャドウを切り替えます。
+ **[Border]** (境界線) では、画像の周囲の境界サイズを設定します。
+ **[Border color (境界線の色)]** では、画像の周囲の境界線の色を設定します。
+ **[Radius]** (範囲) では、画像の全体的なサイズをピクセル単位で設定します。
+ **[Display tooltip]** (ツールチップの表示) を使用すると、レイヤーのツールチップを切り替えることができます。

**注記**  
詳細については、「[OpenLayers の拡張機能 - 画像写真スタイル](http://viglino.github.io/ol-ext/examples/style/map.style.photo.html)」を参照してください。

## ネットワークレイヤー (プレビュー)
<a name="v10-panels-geomap-network"></a>

ネットワークレイヤーはネットワークグラフをレンダリングします。このレイヤーは、ノードグラフの視覚化でサポートされているのと同じデータ形式をサポートし、ノードデータには地理空間データが追加されています。地理空間データは、マップ上のノードを見つけてレンダリングするために使用されます。

**注記**  
ネットワークレイヤーは現在パブリックプレビュー中です。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

![\[Grafana のジオマップ内のネットワーク視覚化例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/geomap-network-layer-example.png)


**注記**  
ネットワークレイヤーは現在パブリックプレビュー中です。Grafana Labs ではサポートが限られており、この機能が一般公開される前に重要な変更が発生する可能性があります。

**オプション**
+ **[Arrow]** (矢印) では、各エッジに表示する矢印の方向を設定します。これは、ソースからターゲットへの方向を前進とします。以下から選択します。
  + **[なし]**
  + **[前進]**
  + **[Reverse]** (逆順)
  + **[Both]** (両方)
+ **[凡例の表示]** を使用すると、レイヤーの凡例を切り替えることができます。凡例はノードデータのみをサポートします。
+ **[Display tooltip]** (ツールチップの表示) を使用すると、レイヤーのツールチップを切り替えることができます。

**ノードスタイル**
+ **[サイズ]** ではノードのサイズを設定します。デフォルトは **[Fixed size]** (固定サイズ) です。これにより、データに関係なくすべてのノードサイズが同じになりますが、選択したフィールドに対応するデータに基づいてノードのサイズを変更するオプションもあります。**[最小]** ノードサイズと **[最大]** ノードサイズは、ノードがこの範囲内でスケールできるように設定する必要があります。
+ **Color** ではノードの色を設定します。デフォルトは **[Fixed color]** (固定色) で、すべてのノードを特定の色に設定します。**標準オプション**セクションで選択したフィールドデータポイント値とカラースキーム設定に応じて、条件付き色を使用するオプションもあります。
+ **[Symbol]** を使用すると、データに追加のビジュアルコンテキストを提供するのに役立つシンボル、アイコン、またはグラフィックを選択できます。シンプルな記号や Unicon ライブラリなど、Grafana に含まれているアセットから選択します。画像アセットを含む URL を指定することもできます。画像は SVG (Scalable Vector Graphics: スケーラブルベクトルグラフィック) である必要があります。
+ **[塗りつぶしの不透明度]** は、各ノードの透明度を設定します。
+ **[Rotation angle]** (回転角度) では、各ノードの回転角度を設定します。デフォルトは **[Fixed value]** (固定値) です。これにより、すべてのノードはデータに関係なく同じ角度で回転しますが、選択したフィールドに対応するデータに基づいてノードの回転を設定するオプションもあります。
+ **[テキストラベル]** では、ノードごとにテキストラベルを設定します。

**エッジスタイル**
+ **[サイズ]** はエッジの線幅を設定します。デフォルトは **[Fixed size]** (固定サイズ) です。これにより、データに関係なくすべてのエッジの線幅が同じになりますが、選択したフィールドに対応するデータに基づいてエッジのサイズを変更するオプションもあります。**[最小]** ノードサイズと **[最大]** ノードサイズは、ノードがこの範囲内でスケールできるように設定する必要があります。
+ **Color** ではエッジの色を設定します。デフォルトは **[Fixed color]** (固定色) で、すべてのエッジを特定の色に設定します。**標準オプション**セクションで選択したフィールドデータポイント値とカラースキーム設定に応じて、条件付き色を使用するオプションもあります。
+ **[塗りつぶしの不透明度]** では、各エッジの透明度を設定します。
+ **[テキストラベル]** では、エッジごとにテキストラベルを設定します。

## CARTO レイヤー
<a name="v10-panels-geomap-carto"></a>

CARTO レイヤーは Amazon Managed Grafana ではサポートされていません。

## XYZ タイルレイヤー
<a name="v10-panels-geomap-xyz"></a>

XYZ タイルレイヤーは Amazon Managed Grafana ではサポートされていません。

## Open Street Map レイヤー
<a name="v10-panels-geomap-osm"></a>

Open Street Map レイヤー (デフォルトのベースマップを除く) は、Amazon Managed Grafana ではサポートされていません。

## ArcGIS レイヤー
<a name="v10-panels-geomap-arcgis"></a>

ArcGIS レイヤーは Amazon Managed Grafana ではサポートされていません。

## マップコントロール
<a name="v10-panels-geomap-controls"></a>

マップコントロールセクションには、マップ情報とツールオーバーレイに対するさまざまなオプションが含まれています。

**Zoom**

ズームコントロールのオプションです。

*Show zoom control*

ズームコントロールを左上隅に表示します。

*Mouse wheel zoom*

マウスホイールを使用してズームインまたはズームアウトできる設定を、オンまたはオフにします。

**Show attribution**

マップ上のベースマップレイヤーの属性を表示します。

**Show scale**

スケール情報を左下隅に表示します。

**注記**  
[m]/[km] 単位で表示します。

**Show measure tools**

測定ツールを右上隅に表示します。測定値は、このコントロールが開いている場合にのみ表示されます。
+ **クリック**して測定を開始します
+ **連続クリック**で測定を続行します
+ **ダブルクリック**して測定を終了します

**注記**  
測定タイプまたは単位を変更すると、以前の測定がマップから削除されます。  
コントロールを閉じてから再度開くと、最新の測定値が表示されます。  
測定値は、クリックしてドラッグすることで変更できます。

*Length*

ジオメトリの球面長を取得します。この長さは、座標間の大圏距離の合計です。マルチパートジオメトリの場合、長さは各パートの長さの合計です。ジオメトリは「EPSG:3857」にあると仮定されます。

長さ測定には、次の単位を選択できます。
+ **メートル (m/km)**
+ **フィート (ft)**
+ **マイル (mi)**
+ **海里 (nmi)**

*[面積]*

ジオメトリの球の表面積を取得します。この面積は、ポリゴンエッジが球上の大円のセグメントであると仮定して計算されます。ジオメトリは「EPSG:3857」にあると仮定されます。

面積測定には、次の単位を選択できます。
+ **平方メートル (m²)**
+ **平方キロメートル (km²)**
+ **平方フィート (ft²)**
+ **平方マイル (mi²)**
+ **エーカー (acre)**
+ **ヘクタール (ha)**

**Show debug**

デバッグ情報をマップの右上隅に表示します。これは、データソースのデバッグまたは検証に役立ちます。
+ **[Zoom]** は、マップの現在のズームレベルを表示します。
+ **[Center]** (中央) には、マップ中央の現在の**経度**と**緯度**が表示されます。

**Tooltip** (ツールチップ)
+ **[なし]** では、データポイントがクリックされた場合にのみツールチップが表示されます。
+ **[Details]** (詳細) では、データポイントにポインタを合わせると、ツールチップが表示されます。

# ヒートマップ
<a name="v10-panels-heatmap"></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)」を参照してください。

ヒートマップパネルの視覚化により、ヒストグラムを経時的に表示できます。ヒストグラムの詳細については、「[ヒストグラムおよびヒートマップの概要](getting-started-grafanaui.md#introduction-to-histograms-and-heatmaps)」を参照してください。

![\[Grafana のヒートマップ視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/heatmap_example.jpg)


## データから計算する
<a name="v10-panels-heatmap-calculate"></a>

この設定は、データが既に計算されたヒートマップ (データソース/トランスフォーマーから) であるか、パネルで計算する必要があるヒートマップであるかを決定します。

**X バケット**

この設定は、X 軸をバケットに分割する方法を決定します。**サイズ**入力で時間間隔を指定できます。例えば、`1h` の時間範囲により、セルは X 軸で 1 時間幅になります。

**Y バケット**

この設定は、Y 軸をバケットに分割する方法を決定します。

**Y バケット目盛**

次のいずれかの Y 軸値目盛を選択します。
+ **[線形]** – 線形目盛。
+ **[log (base 2)]** – 底が 2 の対数目盛。
+ **[log (base 10)]** – 底が 10 の対数目盛。
+ **[symlog]** – 正負対象の対数目盛。

## Y 軸
<a name="v10-panels-heatmap-y-axes"></a>

Y 軸の表示方法を定義します。

**[配置]**
+ **[左]** – 左側
+ **[Right]** – 右側
+ **[非表示]** – 非表示

**[単位]**

単位設定

**[小数]**

この設定により、小数点以下の設定が決まります。

**[最小/最大値]**

この設定では、軸範囲を設定します。

**[Reverse]** (逆順)

選択すると、軸は逆の順序で表示されます。

**[Display multiple y-axes]** (複数の Y 軸を表示)

場合によっては、複数の Y 軸を表示したい場合があります。例えば、経時的な温度と湿度の両方を示すデータセットがある場合、これらの 2 つの系列で異なる単位を持つ 2 つの y 軸を表示したいとします。

これを行うには、[フィールドオーバーライドを追加します](v10-panels-configure-overrides.md)。必要な回数だけステップに従うことで、必要な数の y 軸を追加できます。

## カラー
<a name="v10-panels-heatmap-colors"></a>

色のスペクトルは、値の数 (各バケット内) と各バケットに割り当てられた色間とのマッピングを制御します。スペクトルの左端の色は最低数を表し、右端の色は最大数を表します。一部のカラースキームは、ライトテーマを使用するときに自動的に反転されます。

また、カラーモードを [不透明度]‭ に変更することもできます。この場合、色は変わりませんが、不透明度はバケット数に応じて変化します。
+ **モード**
  + **[Scheme]** (スキーム) – セルの色で表されるバケット値。
    + **[Scheme]** – モードが**スキーム**の場合、カラースキームを選択します。
  + **[不透明度]** – セルの不透明度で表されるバケット値。[Opaque] (不透明) セルは最大値を意味します。
    + **[Color]** – セルのベース色。
    + **[Scale]** (目盛) – バケット値を不透明度にマッピングするための目盛。
      + **[線形]** – 線形目盛。バケット値は不透明度に対して直線的にマッピングされます。
      + **[sqrt]** (平方根) – 対数目盛。セルの不透明度は `value ^ k` として計算され、`k` は設定された**指数**値です。指数が `1` より小さい場合、対数スケールが表示されます。指数が `1` より大きい場合、指数スケールが表示されます。`1` の場合、目盛は線形と同じになります。
    + **[Exponent]** – 指数の値 (`0` より大きい場合)。

**[値を元にした開始/終了の色]**

デフォルトでは、Grafana は最小および最大バケット値に基づいてセルの色を計算します。[最小値] と [最大値] では、これらの値を上書きできます。バケット値は Z 軸、最小値と最大値はそれぞれ Z の最小値と Z の最大値と考えてください。
+ **[開始値]** – セルの色の計算に使用される最小値。バケット値が最小値より小さい場合、「最小値」の色にマッピングされます。系列の最小値はデフォルト値です。
+ **[終了値]** – セルの色の計算に使用される最大値。バケット値が最大値より大きい場合、「最大値」の色にマッピングされます。系列の最大値はデフォルト値です。

## セル表示
<a name="v10-panels-heatmap-cell"></a>

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

## 追加の表示オプション
<a name="v10-panels-heatmap-options"></a>

**Tooltip** (ツールチップ)
+ **[Show tooltip]** - ヒートマップのツールチップを表示します。
+ **[Show Histogram]** – ツールチップに Y 軸のヒストグラムを表示します。ヒストグラムは、特定のタイムスタンプにおけるバケット値の分布を表します。
+ **Show color scale** – ツールチップにカラースケールを表示します。カラースケールは、バケットの値と色との間のマッピングを表します。

**[凡例]**

視覚化にヒートマップの凡例を表示するかどうかを選択します。

**Exemplars** (見本)

見本データの表示に使用する色を設定します。

# ヒストグラム
<a name="v10-panels-histogram"></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)」を参照してください。

ヒストグラムの視覚化は値の分布を計算して棒グラフとして表示します。Y 軸と各バーの高さは各括弧に含まれる値の数を表し、X 軸は値の範囲を表します。

![\[Grafana でのヒストグラム視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/histogram-example.png)


## サポートされる形式
<a name="v10-panels-histogram-formats"></a>

ヒストグラムの視覚化では、1 つ以上の数値フィールドを持つ時系列とテーブル結果をサポートしています。

## 表示オプション
<a name="v10-panels-histogram-options"></a>

これらのオプションで、視覚化する内容を絞り込みます。

**[バケットサイズ]**

バケットのサイズです。自動バケットサイズ設定 (全範囲の 10% まで) では、この値は空のままにします。

**[バケットオフセット]**

最初のバケットを 0 で始めない場合です。ゼロ以外のオフセットでは集計ウィンドウがシフトします。例えば、デフォルトの 0 オフセットの 0～5、5～10、10～15 の 5 サイズのバケットは、オフセット 2 の 2～7、7～12、12～17 になる場合があります。この場合、オフセット 0、5、10 であれば事実上何も実行されません。通常、このオプションは自動ではなく、明示的に定義されたバケットサイズで使用します。この設定が作用するためには、オフセット量を 0 より大きく、バケットサイズより小さくする必要があります。この範囲外の値には、この範囲内の値と同じ効果があります。

**[系列の結合]**

これにより、すべての系列とフィールドが結合されたヒストグラムにマージされます。

**[線の幅]**

棒の線幅を制御します。

**[塗りつぶしの不透明度]**

棒の塗りつぶしの不透明度を制御します。

**[グラデーションモード]**

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

## 凡例オプション
<a name="v10-panels-histogram-legend"></a>

凡例オプションを有効にすると、値のマッピングまたはしきい値の括弧のいずれかを表示できます。凡例に値のマッピングを表示するには、[標準] オプションの [カラースキーム] オプションを [単一色] または [クラシックパレット] に設定することが重要です。凡例にしきい値の括弧を表示するには、カラースキームを [しきい値起点] に設定します。凡例の詳細については、「[凡例の設定](v10-panels-configure-legend.md)」を参照してください。

**[凡例モード]**

これらの設定を使用して、グラフで凡例がどのように表示されるかを定義します。
+  **[リスト ]** – 凡例を一覧として表示します。これは凡例のデフォルトの表示モードです。
+  **[テーブル]** – 凡例をテーブルとして表示します。
+  **[非表示]** – 凡例を非表示にします。

**[凡例の配置]**

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

**[凡例値]**

凡例に表示する標準計算を選択します。複数選択できます。詳細については、「[計算タイプ](v10-panels-calculation-types.md)」を参照してください。

**[凡例計算]**

凡例に表示する計算を選択します。複数選べます。

# ログ
<a name="v10-panels-logs"></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)」を参照してください。

ログパネルの視覚化では、Elastic、Influx、Loki などのログをサポートするデータソースのログ行が表示されます。通常、グラフパネルの横のこのパネルを使用して、関連するプロセスのログ出力を表示します。

ログパネルには、**[Query]** タブに入力されたクエリの結果が表示されます。複数のクエリ結果がマージされ、時間別にソートされます。表示可能な行よりも多くの行がデータソースから返される場合は、パネル内でスクロールできます。

レンダリングされる行数を制限するには、**[クエリオプション]**で **[最大データポイント数]** の設定を使用できます。設定しない場合、データソースは通常デフォルトの制限を適用します。

## ログレベル
<a name="v10-panels-logs-level"></a>

**レベル**ラベルが指定されているログの場合、ラベルの値を使用してログレベルを決定し、それに応じて色を更新します。ログに指定されたレベルラベルがない場合、そのコンテンツが、サポートされている表現のいずれかと一致するかどうかを調べます (詳細については、下記を参照してください)。ログレベルは常に最初の一致によって決まります。Grafana がログレベルを判別できない場合、**不明な**ログレベルとして視覚化されます。詳細については、「[ログレベル](v10-explore-logs.md#v10-explore-log-level)」を参照してください。

## ログの詳細
<a name="v10-panels-logs-details"></a>

各ログ行には、より堅牢なインタラクションのために、ラベルと検出されたフィールドを含む拡張可能な領域があります。各フィールドまたはラベルには、表示されているすべてのログに関連する統計を表示する統計アイコンがあります。

**データリンク**

データリンクを使用すると、ログメッセージの任意の部分を内部リンクまたは外部リンクに変換できます。作成されたリンクは、**[ログの詳細]** ビュー内の **[リンク]** セクションにボタンとして表示されます。

**表示オプション**

以下の設定を使用して、視覚化する内容を絞り込みます。
+ **[時間]** – 時間列を表示または非表示にします。これはデータソースから報告されたログ行と関連するタイムスタンプです。
+ **[一意のラベル]** – 一意のラベル列を表示または非表示にします。この列には、共通ではないラベルのみが表示されます。
+ **[共通ラベル]** - を表示または非表示にします
+ **[行の折り返し]** – 行の折り返しを切り替えます。
+ **[Prettify JSON]** – すべての JSON ログを pretty print (整形表示) するには、これを `true` に設定します。この設定は、JSON 以外の形式のログには影響しません。
+ **[ログ詳細の有効化]** – オプションを切り替えて、各ログ行のログ詳細ビューを表示します。デフォルトの設定は `true` です。
+ **[Order]** (順序) – 結果を降順または昇順で表示します。デフォルトは **[降順]** で、最新のログが最初に表示されます。**[昇順]** に設定すると最も古いログ行が最初に表示されます。

# ニュース
<a name="v10-panels-news"></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)」を参照してください。

ニュースの視覚化には RSS フィードが表示されます。デフォルトでは、Grafana Labs のブログ記事が表示され、ユーザーは別の RSS フィード URL を入力してこれを変更できます。

**[表示]** セクションに RSS の URL を入力します。この視覚化タイプは他のクエリを受け入れず、ユーザーはこの視覚化を使用して RSS フィードデータを改ざんまたは検索できるとは想定しないでください。

**注記**  
RSS フィードは、プロキシなしで Grafana フロントエンドによって読み込まれます。その結果、適切な [CORS ヘッダー](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)で設定された RSS フィードのみが読み込まれます。表示しようとしている RSS フィードが読み込みに失敗する場合は、RSS フィードを再ホストするか、独自のプロキシ作成を検討してください。

# ノードグラフ
<a name="v10-panels-node-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-panels-node-graph-requirements"></a>

ノードグラフでは、ノードとエッジを表示するためにデータの特定の形状が必要です。このグラフでは、すべてのデータソースまたはクエリを視覚化できるわけではありません。これをデータソースデベロッパーとして使用する場合は、データ API に関するセクションを参照してください。

ノードグラフは、*ノード*と*エッジ*で構成されます。
+ ある*ノード*は円として表示されます。あるノードは、アプリケーション、サービス、またはアプリケーションの観点から関連するその他のものを表す場合があります。
+ ある*エッジ*は、2 つのノードを接続する線として表示されます。接続は、リクエスト、オペレーション、または 2 つのノード間の他の関係である場合があります。

ノードとエッジの両方にメタデータまたは統計を関連付けることができます。データソースは、表示される情報と値を定義するため、異なるデータソースが異なるタイプの値を表示したり、一部の値を表示しなかったりすることができます。

## ノード
<a name="v10-panels-node-graph-nodes"></a>

通常、ノードには、ノード内の 2 つの統計値とノードのすぐ下の 2 つの識別子、通常は名前とタイプが表示されます。ノードでは、ノードの周囲に一連の別の値を色付きの円として表示することもできます。異なる色のセクションは、合計が 1 になる異なる値を表します。例えば、円の赤い部分によってエラーの割合を表すことができます。

ノードを選択すると表示されるコンテキストメニューには、さらに詳細を表示できます。Grafana ワークスペースの他の部分または外部リンクをターゲットにできる追加のリンクを、コンテキストメニューに含めることもできます。

**注記**  
ノードグラフには 1,500 個のノードしか表示できません。この制限を超えると、右上隅に警告が表示され、一部のノードは非表示になります。グラフ内の **[非表示ノード]** マーカーをクリックすると、グラフの非表示部分を展開できます。

## エッジ
<a name="v10-panels-node-graph-edges"></a>

エッジでは、エッジにカーソルを合わせると統計を表示することもできます。ノードと同様に、エッジを選択すると、追加の詳細とリンクを含むコンテキストメニューを開けます。

この視覚化をサポートする最初のデータソースは、サービスマップ機能の AWS X-Ray データソースです。詳細については、「[AWS X-Ray データソースに接続する](x-ray-data-source.md)」を参照してください。

## ノードグラフの操作方法
<a name="v10-panels-node-graph-navigation"></a>

**Pan**

ノードグラフ内でパンするには、ノードまたはエッジの外部を選択してポインタをドラッグします。

**拡大または縮小**

ノードグラフの左上隅にあるボタンを使用してズームするか、マウスホイールまたは `Ctrl` (または `Cmd`) キーで他のスクロール入力を使用できます。

**非表示ノードを調べる**

特定の時間に表示されるノードの数は、合理的なパフォーマンスを維持するために制限されます。この制限外のノードは、そのエッジに接続されている非表示ノードのおよその数を示す選択可能なマーカーの背後に隠されます。マーカーを選択して、そのノードの周りのグラフを展開できます。

**グリッドビュー**

グリッドビューに切り替えて、グラフ内の最も興味深いノードの概要を把握できます。グリッドビューは、エッジのないグリッド内のノードを表示し、ノード内に表示される統計、またはノードの色付き境界で表される統計でソートできます。

ノードをソートするには、凡例内の統計を選択します。統計名 (`˄` または `˅`) の横にあるマーカーは、ソートおよびソート方向に現在使用されている統計を示します。

ノードを選択し、**[Show in Graph layout (グラフレイアウトで表示)]** オプションを選択すると、選択したノードに焦点を当ててグラフレイアウトに切り替え、グラフ全体のコンテキストで表示します。

## Data API
<a name="v10-panels-node-graph-data-api"></a>

この視覚化では、正しく表示するために、データソースから返されるデータの特定の形状が必要です。

ノードグラフには、少なくともグラフのエッジを記述するデータフレームが必要です。デフォルトでは、ノードグラフはこのデータフレームに基づいてノードと統計を計算します。必要に応じて、ノード固有のメタデータをより多く表示する必要がある場合に備えて、ノードを記述する 2 番目のデータフレームを送信できます。ノードグラフをレンダリングするには、両方のデータフレームに `frame.meta.preferredVisualisationType = 'nodeGraph'` を設定するか、`nodes` と `edges` にそれぞれ名前を付ける必要があります。

**構造からのエッジデータ**

必須フィールド


| フィールド名 | タイプ | 説明 | 
| --- | --- | --- | 
| id | string | エッジの一意の識別子。 | 
| ソース | string | ソースノードの ID。 | 
| target | string | ターゲットの ID。 | 

オプションのフィールド


| フィールド名 | タイプ | 説明 | 
| --- | --- | --- | 
| Mainstat | 文字列/数値 | エッジにカーソルを合わせたときのオーバーレイに表示される最初の統計。値はそのまま示す文字列でも、数値でもかまいません。数値の場合、そのフィールドに関連付けられている単位も表示されます。 | 
| secondarystat | 文字列/数値 | mainStat と同じですが、そのすぐ下に表示されます。 | 
| detail\$1\$1\$1 | 文字列/数値 | プレフィックスが `detail__` の任意のフィールドは、エッジをクリックするとコンテキストメニューのヘッダーに表示されます。より判読可能なラベルに `config.displayName` を使用します。 | 

**構造からのノードデータ**

必須フィールド


| フィールド名 | タイプ | 説明 | 
| --- | --- | --- | 
| id | string | ノードの一意の識別子。この ID は、ソースフィールドとターゲットフィールドのエッジによって参照されます。 | 

オプションのフィールド


| フィールド名 | タイプ | 説明 | 
| --- | --- | --- | 
| title | string | ノードのすぐ下に表示されるノードの名前。 | 
| subtitle | string | タイトルの下に表示される追加の名前、タイプ、またはその他の識別子。 | 
| mainstat | 文字列/数値 | ノード自体の中に表示される最初の統計。これは、値をそのまま表示する文字列でも数値でもかまいません。数値の場合、そのフィールドに関連付けられている単位も表示されます。  | 
| secondarystat | 文字列/数値 | mainStat と同じですが、ノード内でその下に表示されます。 | 
| arc\$1\$1\$1 | 数値 | プレフィックスが `arc__` の任意のフィールドは、ノードの周囲に色円を作成するために使用されます。これらのフィールドのすべての値は、合計で 1 になる必要があります。`config.color.fixedColor` を使用して色を指定できます。 | 
| detail\$1\$1\$1 | 文字列/数値 | ノードをクリックすると、プレフィックスが `detail__` の任意のフィールドがコンテキストメニューのヘッダーに表示されます。より人間が判読可能なラベルに `config.displayName` を使用します。 | 
| color | 文字列/数値 | `arc__` フィールドを使用して色セクションを指定する代わりに、単一の色を指定するために使用できます。文字列 (許容可能な HTML カラー文字列である必要があります) でも、数値でもかまいません。この場合、動作は `field.config.color.mode` 設定によって異なります。例えば、これはフィールド値によって制御されるグラデーション色の作成に使用できます。 | 
| icon | string | デフォルトの統計ではなく、ノード内に表示されるアイコンの名前。Grafana 組み込みアイコンのみが許可されます (使用可能なアイコンについては、[こちら](https://developers.grafana.com/ui/latest/index.html?path=/story/docs-overview-icon--icons-overview)を参照してください)。 | 
| nodeRadius | 数値 | ピクセル単位の半径値。ノードサイズを管理するために使用されます。 | 
| highlighted | ブール値 | ノードを強調表示するかどうかを設定します。例えば、複数のノードとエッジを強調表示してグラフ内の特定のパスを表すために使用します。デフォルトは `false` です。 | 

# 円グラフ
<a name="v10-panels-piechart"></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/pie_chart_example.png)


円グラフには、1 つ以上のクエリから誘導された系列、または系列内の値が、円グラフのスライスで相互に関連して表示されます。スライスの円弧の長さ、面積、中心角度は、すべての値の合計に関連するため、すべてスライス値に比例します。この種類のグラフは、一連の小規模な値を見た目がきれいな形ですばやく比較する場合に最適です。

## 値オプション
<a name="v10-panels-piechart-value"></a>

次のオプションを使用して、視覚化に使う値を絞り込みます。

**[表示]**

表示する情報量を選択します。
+ **[計算]** – 各値を系列ごとに単一の値に減らします。
+ **[すべての値]** – 1 つの系列におけるすべての値を表示します。

**計算**

**[計算]**を選択すると、各系列を削減する計算を選択できます。使用可能な計算の詳細については、「[計算タイプ](v10-panels-calculation-types.md)」を参照してください。

**[制限]**

1 つの系列におけるすべての値を表示する場合、表示される値の数には制限があります。

**フィールド**

視覚化に表示するフィールドを少なくとも 1 つ選択します。各フィールド名はリストで確認できます。または、次のいずれかのオプションを選択できます。
+ **[数値フィールド]** – 数値を持つすべてのフィールド。
+ **[すべてのフィールド]** – 変換によって削除されないすべてのフィールド。
+ **[時間]** – 時間値を持つすべてのフィールド。

## 円グラフオプション
<a name="v10-panels-piechart-options"></a>

これらのオプションで、視覚化の見え方を調整します。

**円グラフタイプ**

円グラフの表示スタイルを選択します。次のいずれかになります。
+ **[Pie]** (円) – 標準円グラフ
+ **[Donut]** (ドーナツ) – 中央に穴がある円グラフ

**ラベル**

円グラフに表示するラベルを選択します。複数選べます。
+ **[名前]** – 系列名またはフィールド名。
+ **[パーセント]** – 全体の割合。
+ **[Value]** – 未加工の数値。

デフォルトでは、ラベルはグラフ部分の上に白で表示されます。グラフの色を濃く選択して、より見やすくすることができます。長い名前や数字は文字切れする可能性があります。

**[ツールチップモード]**

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

オーバーライドを使用して、ツールチップから個々の系列を非表示にします。

## 凡例オプション
<a name="v10-panels-piechart-legend"></a>

これらの設定を使用して、グラフで凡例がどのように表示されるかを定義します。凡例の詳細については、「[凡例の設定](v10-panels-configure-legend.md)」を参照してください。

**凡例の可視性**

**[Visibility]** (可視性) トグルを使用して、凡例を表示または非表示にします。

**[凡例モード]**

凡例の表示モードを設定します。
+ **[リスト]** – 凡例を一覧として表示します。これは凡例のデフォルトの表示モードです。
+ **[テーブル]** – 凡例をテーブルとして表示します。

**[凡例の配置]**

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

**[凡例値]**

凡例に表示する値を選択します。複数選べます。
+ **[パーセント]** – 全体の割合。
+ **[Value]** – 未加工の数値。

凡例の詳細については、「[凡例の設定](v10-panels-configure-legend.md)」を参照してください。

# 統計
<a name="v10-panels-stat"></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 の統計視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/stat_panel_example.png)


デフォルトでは、統計パネルには次のいずれかが表示されます。
+ 単一の系列またはフィールドの値のみ。
+ 複数の系列またはフィールドの値と名前の両方。

**テキストモード**を使用して、テキストが表示されるかどうかを制御できます。

## 自動レイアウト調整
<a name="v10-panels-stat-automatic-adjust"></a>

パネルは、ダッシュボードで使用可能な幅と高さに応じてレイアウトを自動的に調整します。パネルが小さすぎると、グラフ (スパークライン) が自動的に非表示になります。

## 値オプション
<a name="v10-panels-stat-value"></a>

次のオプションを使用して、視覚化で値を表示する方法を絞り込みます。

**[表示]**

Grafana がデータを表示する方法を選択します。
+ **[計算]**

  すべての行を元に計算した値を表示します。
  + **[計算]** – Grafana が多くのフィールドを 1 つの値に減らすために使用する reducer 関数を選択します。使用可能な計算のリストについては、[「標準計算」](v10-panels-calculation-types.md)を参照してください。
  + **[Fields]** (フィールド) – 視覚化に表示するフィールドを選択します。
+ **[すべての値]**

  行ごとに個別の統計を表示します。このオプションを選択すると、表示する行数を制限することもできます。
  + **[制限]** – 表示する行の最大数。デフォルトは 5,000 です。
  + **[Fields]** (フィールド) – 視覚化に表示するフィールドを選択します。

## 統計スタイル
<a name="v10-panels-stat-styles"></a>

視覚化のスタイルを変更します。

**[Orientation]** (向き)

積み重ね方向を選択します。
+ **[自動]** – Grafana が最適な方向を選択します。
+ **[水平]** – バーは水平方向に左から右に伸びます。
+ **[垂直]** – バーは垂直に上から下に伸びます。

**テキストモード**

テキストモードオプションを使用して、視覚化がレンダリングするテキストを制御できます。値が重要ではなく、名前と色のみが重要である場合は、**[テキストモード]** を **[名前]** に変更します。値は色を決定するために引き続き使用され、ツールチップに表示されます。
+ **[自動]** – データに複数の系列またはフィールドが含まれている場合は、名前と値の両方を表示します。
+ **[値]** – 値のみを表示し、名前は表示しません。代わりに、カーソルのツールチップに名前が表示されます。
+ **[値と名前]** – 常に値と名前を表示します。
+ **[名前]** – 値の代わりに名前を表示します。値はカーソルのツールチップに表示されます。
+ **[なし]** – 何も表示しません (空)。名前と値は、カーソルのツールチップに表示されます。

**ワイドレイアウト**

ワイドレイアウトを有効にするかどうかを設定します。ワイドレイアウトはデフォルトで有効になっています。
+ **[On]** - ワイドレイアウトはオンになっています。
+ **[Off]** – ワイドレイアウトはオフになっています。

**注記**  
このオプションは、**テキストモード**が**値と名前**に設定されている場合にのみ適用されます。ワイドレイアウトをオンにすると、パネルが十分に広い場合、値と名前が右側の値と並行して表示されます。ワイドレイアウトをオフにすると、値は常に名前の下にレンダリングされます。

**カラーモード**

カラーモードを選択します。
+ **[なし]** – 値には色は適用されません。
+ **[値]** – 値とグラフ領域に色を適用します。
+ **[Background Gradient]** (背景グラデーション) – わずかな背景グラデーションで、値、グラフ領域、背景に色を適用します。
+ **[Background Solid]** (無地背景) – 無地の背景色で、値、グラフ領域、背景に色を適用します。

**グラフモード**

グラフとスパークラインモードを選択します。
+ **[なし]** – グラフを非表示にし、値のみを表示します。
+ **[エリア]** – 値の下に面グラフを表示します。これには、クエリが時間列を返す必要があります。

**テキストの整列**

アライメントモードを選択します。
+ **[自動]** – 値が 1 つだけ表示されている場合 (繰り返しなし)、値は中央に配置されます。複数の系列または行が表示されている場合、値は左揃えになります。
+ **[Center]** (中央) – 統計値は中央にあります。

**変化率の表示**

変化率を表示するかどうかを設定します。デフォルトでは表示されていません。

**注記**  
このオプションは、**値オプション**の**表示**設定が**すべての値**に設定されている場合は適用されません。

## テキストサイズ
<a name="v10-panels-stat-textsize"></a>

ゲージテキストのサイズを調整します。
+ **[タイトル]** – ゲージタイトルサイズの数値を入力します。
+ **[値]** – ゲージ値サイズの数値を入力します。

# 状態タイムライン
<a name="v10-panels-state-timeline"></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/state_timeline_example.png)


## 状態タイムラインオプション
<a name="v10-panels-state-timeline-options"></a>

これらのオプションで、視覚的表現の内容を絞り込みます。

**[Merge equal consecutive values] (等しい連続値をマージする)**

Grafana は、互いに隣接する同じ値をマージするかどうかを制御します。

**[値の表示]**

値が状態領域内でレンダリングされるかどうかを制御します。**[自動]** は、十分なスペースがある場合に値をレンダリングします。

**[値の整列]**

状態領域内の値のアライメントを制御します。

**[Row height]** (行の高さ)

行間のスペースを制御します。1 = スペースなし = 0.5 = 50% のスペース。

**[線の幅]**

状態領域の線幅を制御します。

**[塗りつぶしの不透明度]**

状態領域の不透明度を制御します。

**[null 値の接続]**

null 値 (データ内のギャップ) をグラフに表示する方法を選択します。null 値は、連続線を形成するために接続することも、超えるとデータ内のギャップが接続されなくなるしきい値を設定することもできます。
+ **[なし]** – データにギャップがある時系列データポイントは接続されません。
+ **[常に表示]** – データにギャップがある時系列データポイントは常に接続されます。
+ **[しきい値]** – データ内のギャップが接続されなくなるしきい値を指定します。これは、データ内の接続されたギャップが既知のサイズまたは既知の範囲内であり、この範囲外のギャップが接続されなくなった場合に便利です。

**値の切断**

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

## 値のマッピング
<a name="v10-panels-state-timeline-valuemap"></a>

ブール値または文字列値に色を割り当てるには、[値マッピングを設定する](v10-panels-configure-value-mappings.md) を使用します。

## しきい値を含む時系列データ
<a name="v10-panels-state-timeline-threshold"></a>

視覚化は時系列データでも使用できます。この場合、しきい値を使用して時系列を個別の色付き状態領域に変換します。

## 凡例オプション
<a name="v10-panels-state-timeline-legend"></a>

凡例オプションを有効にすると、値のマッピングまたはしきい値の括弧のいずれかを表示できます。凡例に値のマッピングを表示するには、[標準] オプションの **[カラースキーム]** オプションを **[単一色]** または **[クラシックパレット]** に設定することが重要です。凡例にしきい値の括弧を表示するには、**[カラースキーム]** を **[しきい値起点]** に設定します。

**[凡例モード]**

これらの設定を使用して、グラフで凡例がどのように表示されるかを定義します。凡例の詳細については、[「凡例の設定」](v10-panels-configure-legend.md)を参照してください。
+ **[リスト]** – 凡例を一覧として表示します。これはデフォルトモードです。
+ **[テーブル]** – 凡例をテーブルとして表示します。
+ **[非表示]** – 凡例を非表示にします。

**[凡例の配置]**

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

**[凡例値]**

凡例に表示する[標準計算](v10-panels-calculation-types.md)を選択します。複数選択できます。

# ステータス履歴
<a name="v10-panels-status-history"></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-panels-status-history-supporteddata"></a>

ステータス履歴は、文字列、ブーリアン値、数値フィールドまたは時系列で機能します。時間フィールドは必須です。値マッピングを使用して、文字列の色付け、またはテキスト値の数値範囲への割り当てができます。

## 表示オプション
<a name="v10-panels-status-history-options"></a>

これらのオプションで、視覚化する内容を絞り込みます。

**[値の表示]**

値が値ボックス内でレンダリングされるかどうかを制御します。**[自動]** は、十分なスペースがある場合に値をレンダリングします。

**[列幅]**

ボックスの幅を制御します。1 = 最大スペース、0 = 最小スペース。

**[線の幅]**

状態領域の線幅を制御します。

**[塗りつぶしの不透明度]**

状態領域の塗りつぶしの不透明度を制御します。

## 値のマッピング
<a name="v10-panels-status-history-valuemap"></a>

ブール値または文字列値に色を割り当てるには、[値マッピングを設定する](v10-panels-configure-value-mappings.md) を使用します。

## しきい値を含む時系列データ
<a name="v10-panels-status-history-threshold"></a>

パネルは時系列データでも使用できます。この場合、しきい値を使用してボックスを色付けします。グラデーションのカラースキームを使用して値を色付けすることもできます。

## 凡例オプション
<a name="v10-panels-status-history-legend"></a>

凡例オプションを有効にすると、値のマッピングまたはしきい値の括弧のいずれかを表示できます。凡例に値のマッピングを表示するには、[標準] オプションの **[カラースキーム]** オプションを **[単一色]** または **[クラシックパレット]** に設定することが重要です。凡例にしきい値の括弧を表示するには、**[カラースキーム]** を **[しきい値起点]** に設定します。

**[凡例モード]**

これらの設定を使用して、グラフで凡例がどのように表示されるかを定義します。凡例の詳細については、[「凡例の設定」](v10-panels-configure-legend.md)を参照してください。
+ **[リスト]** – 凡例を一覧として表示します。これはデフォルトモードです。
+ **[テーブル]** – 凡例をテーブルとして表示します。
+ **[非表示]** – 凡例を非表示にします。

**[凡例の配置]**

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

**[凡例値]**

凡例に表示する[標準計算](v10-panels-calculation-types.md)を選択します。複数選択できます。

# [テーブル]
<a name="v10-panels-table"></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)」を参照してください。

テーブルは非常に柔軟で、時系列やテーブルの複数のモード、注釈、未加工 JSON データをサポートしています。また、この視覚化では、日付の書式設定、値の書式設定、色付けオプションも可能です。

![\[Grafana のテーブル視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/table_example.png)


**注記**  
注釈とアラートはテーブルではサポートされていません。

## 列の並べ替え
<a name="v10-panels-table-sort"></a>

列タイトルを選択して、ソート順序をデフォルトから降順、昇順に変更できます。列を選択するたびに、ソート順序がサイクルの次のオプションに変わります。追加で列を選択するときは、`shift` キーを長押しして複数の列をソートできます。

## テーブルオプション
<a name="v10-panels-table-options"></a>

**ヘッダーの表示**

データソースからインポートされた列名を表示または非表示にします。

## 列幅
<a name="v10-panels-table-width"></a>

デフォルトでは、Grafana はテーブルサイズと最小列幅に基づいて列幅を自動的に計算します。このフィールドオプションは、設定をオーバーライドし、すべての列の幅をピクセル単位で定義できます。

例えば、`100` と入力すると、すべての列の幅が 100 ピクセルに設定されます (フィールドを終了すると変更が行われます)。

## [最小列幅]
<a name="v10-panels-table-min"></a>

デフォルトでは、テーブル列の最小幅は 150 ピクセルです。このフィールドオプションでは、デフォルトを上書きでき、テーブルパネルの新しい最小列幅をピクセル単位で定義します。

例えば、最小値を `75` に設定すると、すべての列は幅 75 ピクセル以上でスケールされます。

スマートフォンやタブレットなどのスモールスクリーンデバイスの場合、デフォルトの `150` ピクセル値を `50` に減らして、テーブルベースのパネルをダッシュボードで正しくレンダリングできます。

## [列の配置]
<a name="v10-panels-table-alignment"></a>

Grafana がセルの内容を調整する方法を選択します。
+ Auto (デフォルト)
+ Left (左)
+ Center (中央)
+ Right (右)

## セルタイプ
<a name="v10-panels-table-cell-type"></a>

デフォルトでは、Grafana は表示設定を自動的に選択します。以下のオプションのいずれかを選択して、すべてのフィールドのデフォルトを設定することで、設定を上書きできます。一部のセルタイプでは、追加の設定を使用できます。

**注記**  
**フィールド**タブでこれらを設定すると、時間フィールドを含むすべてのフィールドにタイプが適用されます。**オーバーライド**タブで設定して、変更を 1 つ以上のフィールドに適用できます。

**[文字色]**

しきい値が設定されている場合、フィールドテキストは適切なしきい値の色で表示されます。

**Color background (gradient or solid) (背景色 (グラデーションまたは無地))**

しきい値が設定されている場合、フィールドの背景は適切なしきい値の色で表示されます。

**ゲージ**

セルは、複数の異なるプレゼンテーションタイプでグラフィカルゲージとして表示できます。
+ *[Basic]* (基本) – 基本モードでは、ゲージの色を定義するしきい値レベルを含むシンプルなゲージが表示されます。
+ *グラデーション]* – しきい値レベルはグラデーションを定義します。
+ *LCD* – ゲージを小さなセルに分け、点灯または消灯させて表示します。

さらに、ゲージの横に表示されるラベルに対して、値で色付けするように設定したり、テーマテキストの色と一致させたり、非表示にしたりできます。
+ **Value color (値の色)**
+ **[テキスト色]**
+ **[非表示]**

**[JSON ビュー‭]**

コードとしてフォーマットされた値を表示します。値がオブジェクトの場合、カーソルを合わせると JSON オブジェクトのブラウジングができる JSON ビューが表示されます。

**スパークライン**

スパークラインとしてレンダリングされた値を表示します。テーブルのデータ変換には[時系列](v10-panels-xform-functions.md#v10-panels-xform-funcs-series)が必要です。

## セル値の検査
<a name="v10-panels-table-cell-value"></a>

テーブルセルから値の検査を有効にします。raw 値はモーダルウィンドウに表示されます。

**注記**  
セル値の検査は、セル表示モードが [Auto]、[文字色]、[Color background]、または [ビュー‭] に設定されている場合にのみ使用できます。

## [Column filter] (列フィルター)
<a name="v10-panels-table-col-filter"></a>

列データの表示方法を一時的に変更できます。例えば、最大から最小までの値を順序付けたり、特定の値を非表示にしたりできます。詳細については、「[テーブル列のフィルタリング](#v10-panels-table-filter)」を参照してください。

## Pagination (ページ分割)
<a name="v10-panels-table-pagination"></a>

ページ分割を有効または無効にするには、このオプションを使用します。これは、クエリに影響を与えないフロントエンドオプションです。有効にすると、ページサイズはテーブルの高さに自動的に調整されます。

## テーブル列のフィルタリング
<a name="v10-panels-table-filter"></a>

**列フィルター**をオンにすると、テーブルオプションをフィルタリングできます。

**列のフィルタリングを有効にするには**

1. Grafana で、フィルタリングする列を含むテーブルを使用してダッシュボードに移動します。

1. フィルタリングするテーブルパネルで、パネルエディタを開きます。

1. **[フィールド]** タブを選択します。

1. **[テーブル]** オプションで、**[列フィルター]** オプションをオンにします。

各列タイトルの横にフィルター (ファネル) アイコンが表示されます。

**列の値のフィルタリング**

列の値をフィルタリングするには、列タイトルの横にあるフィルター (ファネル) アイコンを選択します。Grafana にその列のフィルターオプションが表示されます。

表示する値の横にあるチェックボックスを選択します。上部の検索フィールドにテキストを入力してそれらの値をディスプレイに表示すると、スクロールして探さずに選択できます。

複数の演算子から選択して、列の値を表示します。
+ **[Contains]** (含む) – 正規表現パターン (デフォルトでは演算子) に一致します。
+ **[式]** - ブール式を評価します。文字 `$` は、式にある列の値を表します (例: `$ >= 10 ≈& $ <= 12`)。
+ **[比較演算子]** – 一般的な比較演算子 `=`、`!=`、`<`、`<=`、`>`、`>=` を使用できます。

**[OK]** ボタンと **[Cancel]** ボタンの上にあるチェックボックスを選択して、表示されているすべての値をフィルターに追加または削除します。

**列フィルターのクリア**

フィルターが適用された列では、タイトルの横に青い漏斗が表示されます。

フィルターを削除するには、青いファネルアイコンを選択し、**[Clear filter]** (フィルターのクリア) を選択します。

## テーブルフッター
<a name="v10-panels-table-footer"></a>

テーブルフッターを使用して、フィールドの[計算](v10-panels-calculation-types.md)を表示できます。

テーブルフッターを有効にしたら、**[計算]** を選択し、計算する**フィールド**を選択します。

フィールドを選択しない場合、システムはすべての数値フィールドに計算を適用します。

**行のカウント**

選択したフィールドの値の数ではなく、データセット内の行数を表示する場合は、**[カウント]** 計算を選択し、**[カウント行]** を有効にします。

# テキスト
<a name="v10-panels-text"></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)」を参照してください。

テキスト視覚化を使用すると、ダッシュボードにテキストまたは HTML を直接含めることができます。これは、コンテキスト情報と説明の追加や、複雑な HTML を埋め込むために使用できます。

**モード**

**モード**は、埋め込みコンテンツの表示方法を決定します。これには次のオプションがあります。
+ **[Markdown]** – このオプションはコンテンツをマークダウンとしてフォーマットします。
+ **[HTML]** – この設定では、コンテンツをサニタイズされた HTML としてレンダリングします。
+ **[Code]** – この設定では、読み取り専用コードエディタ内でコンテンツをレンダリングします。適切な言語を選択して、埋め込みテキストに構文強調表示を適用します。

**[変数]**

コンテンツの変数が展開されて表示されます。

# 時系列
<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** という名前のモードがあります。**スキーム**を有効にすると、折れ線または棒グラフは、選択した**カラースキーム**から定義されたグラデーション色を受け取ります。

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

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

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

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

# トレース
<a name="v10-panels-traces"></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)」を参照してください。

トレースの視覚化により、インフラストラクチャ内のサービスを横断するリクエストに従うことができます。トレースの視覚化は、トレースデータを簡単に解釈できる図でトレースデータを表示します。

トレースとその使用方法の詳細については、次のドキュメントを参照してください。
+ [Explore でのトレース](v10-explore-tracing.md)
+ [Tempo データソース](tempo-data-source.md)
+ *Grafana Labs Tempo ドキュメント*の「[Tempo での使用開始](https://grafana.com/docs/tempo/latest/getting-started/)」。

## トレースの視覚化を含むパネルの追加
<a name="v10-panels-traces-add"></a>

Grafana スタックでトレースデータが利用可能になると、Grafana ダッシュボードにトレースパネルを追加できます。

ダッシュボード変数 `traceID` を使用すると、特定のトレース ID に対する特定のトレースを表示するクエリを作成できます。ダッシュボード変数の詳細については、「[ 変数ドキュメント](v10-dash-variables.md)」を参照してください。

**前提条件**

開始するには、以下が必要です。
+ Amazon Managed Grafana ワークスペース。
+ ワークスペースに接続された [Tempo データソース](tempo-data-source.md)。

ダッシュボード内のトレースデータを表示および分析するには、ダッシュボードにトレースの視覚化を追加し、パネルエディタを使用してクエリを定義する必要があります。クエリは、視覚化に表示されるデータを決定します。パネルエディタの詳細については、「[パネルエディタのドキュメント](v10-panels-editor-overview.md)」を参照してください。

この手順では、ダッシュボード変数とテンプレートを使用して、視覚化できるトレース ID を入力できます。`traceId` という変数を使用して、テンプレートクエリとして追加します。

**トレース視覚化クエリを追加するには**

1. ワークスペースで、新しいダッシュボードを作成するか、トレースの視覚化を追加する既存のダッシュボードに移動します。

1. 新しいダッシュボードから **[視覚化を追加]** を選択するか、既存のダッシュボードで**[パネルの追加]** を選択します。

1. 適切なトレースデータソースを選択します。

1. パネルエディタの右上で **[視覚化]** タブを選択し、**トレース**を選択します。

1. **パネルオプション**で、トレースパネルの**タイトル**を入力します。パネルエディタの詳細については、「[パネルオプションの設定](v10-panels-configure-panel-options.md)」を参照してください。

1. クエリエディタで、**TraceQL** クエリタイプタブを選択します。

1.  TraceQLクエリフィールドに `${traceId}` を入力して、ダッシュボード変数を作成します。この変数はテンプレートクエリとして使用されます。

1. パネルエディタで **[適用]** を選択して、ダッシュボードにパネルを追加します。

1. 必要に応じて、ダッシュボードの**設定**に移動し、`traceId` という名前の新しい変数を変数タイプ**カスタム**で追加し、ラベルを付与します。**[適用]** を選択して、ダッシュボードに変数を追加します。

1. トレースパネルに使用されるデータソースに有効なトレース ID を使用し、ダッシュボード変数で ID を編集して、パネルが機能することを確認します。

## テーブルの視覚化による TraceQL の追加
<a name="v10-panels-traces-traceql"></a>

ダッシュボードにトレースの視覚化を追加することはできますが、ダッシュボード変数としてトレース ID を手動で追加しなければならないのは面倒です。代わりに、TraceQL クエリを使用して特定のタイプのトレースを検索し、一致する結果から適切なトレースを選択できる方が便利です。

**前提条件**

この手順は、前の手順を完了したことを前提としています。

**テーブル視覚化で TraceQL を追加するには**

1. トレース視覚化を追加したのと同じダッシュボードで、**[パネルの追加]** を選択して新しい視覚化パネルを追加します。

1. 前のセクションで使用したのと同じトレースデータソースを選択します。

1. パネルエディタの右上で **[視覚化]** タブを選択し、**テーブル**を選択します。

1. クエリエディタで、**[TraceQL]** タブを選択します。

1. **パネルオプション**で、トレースパネルの**タイトル**を入力します。

1. ダッシュボードで視覚化するトレースを検索するには、適切な TraceQL クエリを追加します。例えば、*my-server* は、サーバーからのシンプルで静的なクエリです。

   ```
   { .service.name = "my-server" && .http.status_code=500 }
   ```

   TraceQL クエリは、他のダッシュボード変数が存在する場合、それらを利用するテンプレートクエリとして記述できます。これにより、これらの変数に基づいて動的クエリを作成できます。

クエリから結果が返されると、結果はパネルのテーブルにレンダリングされます。

トレース視覚化の結果には、トレースをレンダリングする **Explore** ページへのリンクが含まれます。選択時に `traceId` ダッシュボード変数を埋めるテーブル内のトレースに他のリンクを追加して、トレースが同じダッシュボードで視覚化されるようにできます。

パネルに一連のデータリンクを作成するには、次の手順を使用します。

**変数を使用してトレースに他のリンクを追加するには**

1. 右側のメニューにある **[データリンク]** で、**[リンクの追加]** を選択します。

1. データリンクの**タイトル**を追加します。

1. 完全なダッシュボードがレンダリングされているときにブラウザのアドレスバーを見て、ダッシュボードへのパスを見つけます。これは同じ Grafana スタック内のダッシュボードへのリンクであるため、ダッシュボードのパスのみが必要です。

   例えば、パスが以下の場合:

   ```
   https://g-example.grafana-workspace.us-east-1.amazonaws.com/d/1234abcd5/my-dashboard?orgId=1
   ```

   ダッシュボードへのパスは次のとおりです。

   ```
   /d/1234abcd5/my-dashboard?orgId=1
   ```

1. **URL** フィールドで、両方のパネルを含むダッシュボードを自己参照します。この自己参照では、テーブル内の選択したトレースの値を使用してダッシュボード変数を入力します。前のステップで見つけたダッシュボードのパスを使用して、TraceQL テーブルから選択した結果を使用する `traceId` の値を入力します。トレース ID は、返された結果の `traceID` データフィールドを使用して公開されるため、ダッシュボード変数の値として使用します。例:

   ```
   /d/1234abcd5/my-dashboard?orgId=1&var-traceId=${__data.fields["traceID"]}
   ```

1. **[保存]** を選択すると、データリンクを保存できます。

1. パネルエディタから **[適用]** を選択すると、ダッシュボードにパネルを適用できます。

1. ダッシュボードを保存します。

これで、テーブルの視覚化に一致するトレースのリストが表示されます。**TraceID** フィールドまたは **SpanID** フィールドを選択すると、トレースを視覚化する **Explore** ページを開くか、データリンクをたどるオプションが表示されます。他のフィールド (`Start time`、`Name`、 `Duration`など) を選択すると、自動的にデータリンクが続き、`traceId` ダッシュボード変数に入力されることで、トレースパネルに関連するトレースが表示されます。

# トレンド
<a name="v10-panels-trend"></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 を持つデータセットに使用する必要があります。例としては、関数グラフ、rpm/トルク曲線、供給/需要関係、レースコースに沿った上昇または心拍数プロット (x は開始からの距離または期間) などがあります。

トレンドの視覚化は、以下の例外を除いて、[時系列の視覚化](v10-panels-time-series.md)で利用可能なすべてのビジュアルスタイルとオプションをサポートします。
+ 注釈や時間リージョンなし
+ 共有カーソル (または十字線) なし
+ マルチタイムゾーン x 軸なし
+ ドラッグ選択によりダッシュボードの時間範囲の変更不可

**X フィールドの選択**

このオプションを使用して、増加する数値を含むフィールドを選択します。

 例えば、回転速度を x 軸にプロットし、出力とトルクを y 軸にプロットすることで、エンジンの回転速度に対する出力とトルクを表すことができます。

# XY チャート
<a name="v10-panels-xychart"></a>

XY チャートは、グラフ内の任意の x 値と y 値を視覚化する方法を提供し、2 つの変数間の関係を簡単に表示できます。XY チャートは通常、散布図の作成に使用されます。また、それらを使用してバブルチャートの作成も可能です。ここでは、フィールド値によって各バブルのサイズが決まります。

![\[Grafana の XY チャート視覚化の例を示す画像。\]](http://docs.aws.amazon.com/ja_jp/grafana/latest/userguide/images/viz/xy-chart-example.png)


## サポートされているデータ形式
<a name="v10-panels-xychart-formats"></a>

XY チャートには、少なくとも 2 つの数値フィールドを持つ任意の表形式データタイプを使用できます。このタイプの視覚化には時間データは必要ありません。

## パネルオプション
<a name="v10-panels-xychart-paneloptions"></a>

パネルエディタペインの **[パネルオプション]** セクションで、パネルのタイトルや説明などの基本的なオプションを設定します。このセクションで繰り返しパネルの設定もできます。詳細については、「[パネルオプションの設定](v10-panels-configure-panel-options.md)」を参照してください。

## XY チャートオプション
<a name="v10-panels-xychart-options"></a>

**系列マッピング**

チャートで系列データをマッピングする方法を設定します。
+ **[自動]** – 使用可能なすべてのデータフレーム (またはデータセット) から系列を自動的に生成します。フィルタリングして 1 つのフレームのみを選択できます。
+ **[手動]** – 使用可能なデータフレームから選択して、系列を明示的に定義します。

系列マッピングの選択に応じて、**フレーム**、**X フィールド**、および **Y フィールド**オプションが異なります。自動および手動の系列マッピングセクションでは、これらのさまざまなオプションについて説明します。

**自動系列マッピングオプション**

系列マッピングモードとして**自動**を選択すると、以下のオプションが事前設定されますが、自分で定義することもできます。
+ **[Frame]** – デフォルトでは、XY チャートにすべてのデータフレームが表示されます。フィルタリングして 1 つのフレームのみを選択できます。
+ **[X-field]** – X が表すフィールドを選択します。デフォルトでは、各データフレームの最初の数値フィールドです。
+ **[Y-field]** – X フィールドが設定されると、デフォルトでは、データフレーム内の残りのすべての数値フィールドが Y フィールドとして指定されます。このオプションを使用して、Y に使用するフィールドを明示的に選択できます。

  一連のチャートは Y フィールドから生成されます。XY チャートの系列を変更するには、Y フィールドをオーバーライドします。サイズフィールドまたは色フィールドで使用するフィールドは、系列を生成しません。

  オーバーライドを使用して Y フィールドを個別に除外することもできます。これを行うには、削除する各 Y フィールドに対して、次のプロパティを持つオーバーライドを追加します。
  + オーバーライドタイプ: **[名前付きフィールド]**
  + オーバーライドプロパティ: **[系列 > エリアで非表示]**
  + エリア: **Viz**

**手動系列マッピングオプション**

系列モードとして**手動**を選択すると、系列を追加、編集、削除できます。系列を管理するには、**[Series]** (系列) フィールドを選択します。系列の名前を変更するには、系列名を選択します。

**手動**モードでは、次のオプションを設定する必要があります。
+ **[Frame]** – データフレームまたはデータセットを選択します。フレームは必要な数だけ追加できます。
+ **[X-field]** – X が表すフィールドを選択します。
+ **[Y-field]** – Y が表すフィールドを選択します。

**[サイズフィールド]**

このオプションを使用して、チャート内のポイントのサイズを制御するフィールドの値を設定します。この値は、データフレーム内のすべての値の最小値と最大値に関連しています。

このオプションを選択すると、最小および最大ポイントサイズオプションを設定できます。

**[色フィールド]**

このオプションを使用して、チャート内のポイントの色を制御するフィールドの値を設定します。**[標準オプション]**で色値オプションを使用するには、このフィールドを設定する必要があります。

通常、このオプションは、チャートに 1 つの系列しか表示されていない場合に使用されます。

**[表示]**

視覚化で値がどのように表されるかを設定します。
+ **[ポイント]** – 値をポイントとして表示します。このオプションを選択すると、ポイントサイズオプションも表示されます。
+ **[線]** – 値の間に線を追加します。このオプションを選択すると、線のスタイルと線幅のオプションも表示されます。
+ **[Both]** (両方) - ポイントと線の両方を表示します。

**[ポイントサイズ]**

チャート内のすべてのポイントのサイズを、直径 1～100 ピクセルに設定します。デフォルトのサイズは 5 ピクセルです。オーバーライドを設定して、系列 (Y フィールド) ごとにピクセルサイズを設定できます。

**最小/最大ポイントサイズ**

これらのオプションを使用して、**サイズフィールド**オプションを設定するときに、最小または最大ポイントサイズを制御できます。これらのオプションを特定の系列に対してオーバーライドできます。

**[線のスタイル]**

線のスタイルを設定します。色を変更するには、標準のカラースキームフィールドオプションを使用します。
+ **[Solid]** – 実線を表示します。これはデフォルトの設定です。
+ **[Dash]** – 破線を表示します。このオプションを選択すると、ドロップダウンリストが表示され、ダッシュ線の長さとギャップの設定を選べます。デフォルトでは、長さとギャップは `10, 10` に設定されます。
+ **[Dots]** - 点線を表示します。このオプションを選択すると、点の間隔を選択できるドロップダウンリストが表示されます。デフォルトでは、点の間隔は `0, 10` に設定されています (最初の数値はドット長を表し、常にゼロです)。

**[線の幅]**

線の幅をピクセル単位で設定します。

## ツールチップオプション
<a name="v10-panels-xychart-tooltipoptions"></a>

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

**[ツールチップモード]**
+ **[単独]** – ツールチップには、カーソルを合わせている系列が 1 つだけ表示されます。
+ **[非表示]** – グラフを操作するときにツールチップを表示しません。

オーバーライドを使用して、ツールチップから個々の系列を非表示にします。

**[最大高さ]**

ツールチップボックスの最大高さを設定します。デフォルトは 600 ピクセルです。

## 凡例オプション
<a name="v10-panels-xychart-legendoptions"></a>

凡例オプションは、グラフの下または右側に表示される系列名と統計を制御します。凡例の詳細については、「[凡例を設定する](v10-panels-configure-legend.md)」を参照してください。

**[可視性]**

スイッチを切り替えて、凡例をオンまたはオフにします。

**[モード]**

これらの設定を使用して、グラフで凡例がどのように表示されるかを定義します。
+ **[リスト]** – 凡例を一覧として表示します。これは凡例のデフォルトの表示モードです。
+ **[テーブル]** – 凡例をテーブルとして表示します。

**[配置]**

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

**[値]**

凡例に表示する[標準計算](v10-panels-calculation-types.md)を選択します。複数選択できます。

**[幅]**

凡例を視覚化の右側に配置するときの幅を制御します。このオプションは、凡例の配置を**右**に設定した場合にのみ表示されます。

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

**y 軸の配置**

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

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

**ラベル**

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

**[幅]**

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

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

**[グリッド線の表示]**

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

**[色]**

軸の色を設定します。
+ **[テキスト]** – テーマテキストの色に基づいて色を設定します。
+ **[系列]** – 系列の色に基づいて色を設定します。

**[境界線の表示]**

軸の境界の可視性を設定します。

**[Scale]** (スケール)

Y 軸値のスケール方法を設定します。
+ **[線形]** – 目盛を等分します。
+ **[対数]** – 対数目盛を使用します。このオプションを選択すると、二進対数 (底 2) または常用対数 (底 10) スケールを選択するためのリストが表示されます。
+ **[Symlog]** – 正負対象の対数目盛を使用します。このオプションを選択すると、二進対数 (底 2) または常用対数 (底 10) スケールを選択するためのリストが表示されます。線形しきい値オプションを使用すると、スケールが線形から対数に変化するしきい値を設定できます。

*[Centered zero]* (中央ゼロ)

Y 軸においてゼロが中央になるように設定します。

**[ソフト最小値とソフト最大値]**

Y 軸の制限をより適切に制御するために、**ソフト最小値**または**ソフト最大値**オプションを設定します。デフォルトでは、Grafana はデータセットに基づいて y 軸の範囲を自動的に設定します。

ソフト最小値とソフト最大値の設定により、データがほぼフラットな場合に、データの小さな変化が拡大されるのを防げます。対照的に、ハード最小値とハード最大値は、特定のポイントを超える断続的なスパイクを切り取ることで、データ内の有用な詳細が不明瞭になるのを防げます。

Y 軸のハード制限を定義するには、標準の最小/最大オプションを設定します。詳細については、「[標準オプションの設定](v10-panels-configure-standard-options.md)」を参照してください。

**[Transform]** (変換)

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

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

**[Display multiple y-axes]** (複数の Y 軸を表示)

複数の Y 軸を表示したい場合もあります。例えば、経時的な温度と湿度の両方を示すデータセットがある場合、これらの 2 つの系列で異なる単位を持つ 2 つの y 軸を表示できます。

複数の Y 軸を表示するには、[フィールドオーバーライドを追加します](v10-panels-configure-overrides.md#v10-panels-overrides-add-a-field)。必要な回数だけステップに従うことで、必要な数の y 軸を追加できます。

## 標準オプション
<a name="v10-panels-xychart-standard"></a>

パネルエディタの **[標準オプション]** を使用すると、視覚化でのフィールドデータの表示方法を変更できます。標準オプションを設定すると、すべてのフィールドまたは系列に変更が適用されます。フィールドの表示をより詳細に制御するには、「[フィールドのオーバーライドを設定する](v10-panels-configure-overrides.md)」を参照してください。

以下の標準オプションをカスタマイズできます。
+ **[フィールドの最小値/最大値]** – **[フィールドの最小値/最大値]** を有効にすると、フィールドの最小値または最大値に基づいて、Grafana が各フィールドの最小値または最大値を個別に計算できるようになります。
+ **カラースキーム** – 視覚化全体に単一または複数の色を設定します。

詳細については、「[標準オプションを設定する](v10-panels-configure-standard-options.md)」を参照してください。

## データリンク
<a name="v10-panels-xychart-datalinks"></a>

データリンクを使用すると、ソースパネルのコンテキストを維持しながら、他のパネル、ダッシュボード、外部リソースにリンクできます。カーソルの下に系列名または値を含むリンクを作成できます。

データリンクごとに、次のオプションを設定します。
+ **タイトル**
+ **[URL]**
+ **[新しいタブで開く]**

詳細については、「[データリンクの設定](v10-panels-configure-data-links.md)」を参照してください。

## フィールドのオーバーライド
<a name="v10-panels-xychart-fieldoverrides"></a>

オーバーライドを使用すると、特定のフィールドまたは系列に対して視覚化設定をカスタマイズできます。オーバーライドルールを追加すると、特定のフィールドセットをターゲットにし、それらのフィールドの表示方法に複数のオプションを定義できます。

以下のオーバーライドオプションから 1 つ選択してください。
+ **[名前付きフィールド]** – 使用可能なすべてのフィールドの一覧からフィールドを選択します。
+ **[正規表現と一致する名前付きフィールド]** – 正規表現でオーバーライドするフィールドを指定します。
+ **[タイプ別フィールド]** – 文字列、数値などのフィールドをタイプ別 (文字列、数値、時間) に選択します。
+ **[クエリによって返されるフィールド** – 特定のクエリによって返されるすべてのフィールドを選択します。
+ **[値を持つフィールド)]** - **最小値**、**最大値**、**カウント**、**合計** など、定義された reducer 条件によって返されるすべてのフィールドを選択します。

詳細については、「[フィールドのオーバーライドを設定する](v10-panels-configure-overrides.md)」を参照してください。