すべてのプロダクト
Search
ドキュメントセンター

Simple Log Service:ダッシュボードのドリルダウンのためのインタラクションイベントの追加

最終更新日:Jun 23, 2026

ダッシュボード上の例外の根本原因を特定するために、インタラクションイベントを使用して、Logstore のクエリ、トレース分析の実行、または別のダッシュボードを開くなどのドリルダウン分析を迅速に実行します。このトピックでは、サポートされているインタラクションイベントの種類と、ダッシュボードにそれらを設定する方法について説明します。

仕組み

2024-09-12_15-24-27 (1)

ダッシュボード上の問題を調査するために、インタラクションイベントを使用して迅速なドリルダウン分析を行います。たとえば、Logstore を開く、ダッシュボードを開く、クイック検索を開く、カスタム HTTP URL を作成する、トレース詳細を開く、またはフルスタック可観測性トレース詳細を開くことができます。

この例では、NGINX アクセスログを使用します。ステータス 200 を表す円グラフのセクションをクリックすると、対応する Logstore に移動し、そのステータスのログをクエリします。クエリはダッシュボードと同じ時間範囲を使用します。

  1. リクエストステータスの円グラフを追加:クエリの時間範囲、Logstore、およびクエリ文を設定します

  2. リクエストステータスの円グラフにインタラクションイベントを追加:ダッシュボードの PV フィールドのインタラクションイベントを [Logstore を開く] に設定します。次に、変数を使用してクエリ文のパラメーターを動的に変更する${{status}} 変数を追加して、ダッシュボードから選択されたステータスに基づいて Logstore 内のログをクエリします。

Simple Log Service は、以下のインタラクションイベントをサポートしています。設定手順については、このトピックの最後をご参照ください。

Logstore を開く

インタラクションイベントを [Logstore を開く] に設定すると、トリガーされたときにターゲットの Logstore ページにリダイレクトされます。

  • 前提条件

    ターゲットの Logstore がすでに存在している必要があります。詳細については、「基本的な Logstore の作成」をご参照ください。

  • 設定パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントの名前です。

    Project を選択

    ターゲットの Logstore を含むプロジェクトを選択します。

    Logstore を選択してください

    インタラクションイベントがトリガーされたときに開くターゲットの Logstore を指定します。

    新規タブで開く

    新規タブで開く を有効にすると、Logstore ページが新しいブラウザータブで開きます。

    時間範囲

    ターゲットの Logstore でのクエリの時間範囲を指定します。

    フィルタリング条件の継承

    フィルタリング条件の継承 を有効にすると、現在のダッシュボードから既存のフィルター条件がターゲットの Logstore に渡されます。条件は AND 演算子でクエリ文の先頭に追加されます。

    フィルタ文

    フィルターステートメントを入力します。これはターゲットの Logstore に渡され、AND 演算子でクエリ文の先頭に追加されます。

    変数の追加 をクリックして、フィルターステートメントに変数を挿入します。重要なシステム変数は次のとおりです:

    • ${{__start_time__}}:クエリの開始時刻。

    • ${{__end_time__}}:クエリの終了時刻。

    • ${{__interval__}}:クエリの時間間隔 (秒単位)。

    • ${{__project__}}:クエリするプロジェクトの名前。

    変数を挿入すると、その値がフィルター条件として使用されます。

ダッシュボードを開く

設定すると、このインタラクションイベントをトリガーするとターゲットのダッシュボードが開きます。

  • 前提条件

    ターゲットのダッシュボードが存在し、チャートが含まれている必要があります。詳細については、「ダッシュボードにチャートを追加する」をご参照ください。

    変数を渡すには、まずターゲットのダッシュボード上のチャートのクエリ文で変数を定義する必要があります。詳細については、「変数を使用してクエリ文のパラメーターを動的に調整する」をご参照ください。

  • パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントの名前です。

    Project を選択

    ターゲットのダッシュボードを含むプロジェクトです。

    ダッシュボードの選択

    インタラクションイベントがトリガーされたときに開くダッシュボードです。

    新規タブで開く

    新規タブで開く を有効にすると、ターゲットのダッシュボードが新しいブラウザータブで開きます。

    時間範囲

    ターゲットのダッシュボードの時間範囲です。

    フィルタリング条件の継承

    フィルタリング条件の継承 を有効にすると、現在のダッシュボードからフィルター条件がターゲットのダッシュボードに渡されます。

    変数の継承

    変数の継承 を有効にすると、現在のダッシュボードから変数がターゲットのダッシュボードに渡されます。

    フィルタ文

    ターゲットのダッシュボードに適用するフィルターステートメントです。

    フィルターステートメントに変数を挿入できます。

    変数の追加 をクリックして、フィルターステートメントに変数を挿入します。主要なシステム変数は次のとおりです:

    • ${{__start_time__}}:クエリの開始時刻。

    • ${{__end_time__}}:クエリの終了時刻。

    • ${{__interval__}}:クエリの時間間隔 (秒単位)。

    • ${{__project__}}:クエリ対象のプロジェクトの名前。

    変数を挿入すると、その値がフィルター条件として使用されます。

    動的変数

    ターゲットのダッシュボードに渡す動的変数を指定します。

    • Dynamic Variable Name:動的変数の名前。

    • Column for Dynamic Variable Value:動的変数の値を提供する列。

    説明

    最大 5 つの動的変数を追加できます。

    静的変数

    ターゲットのダッシュボードに渡す静的変数を指定します。

    • Static Variable Name:静的変数の名前。

    • Static Value:ターゲットのダッシュボードに渡す固定値。

    説明

    最大 5 つの静的変数を追加できます。

カスタム HTTP URL

インタラクションイベントがカスタム HTTP URL として設定されている場合、それをトリガーするとターゲットページが開きます。

  • 前提条件

    ターゲットの HTTP URL が必要です。

  • パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントの名前です。

    プロトコル

    URL のプロトコルです。

    URL

    イベントがトリガーされたときに開く宛先 URL です。

    URL には、以下の Simple Log Service システム変数を埋め込むことができます。例:https://sls.console.alibabacloud.com/lognext/project/${{__project__}}/logsearch/test

    • ${{__start_time__}}:クエリの開始時刻。

    • ${{__end_time__}}:クエリの終了時刻。

    • ${{__interval__}}:クエリの間隔 (秒単位)。

    • ${{__project__}}:クエリ対象のプロジェクトの名前。

    トランスコード

    トランスコード を有効にすると、URL の内容がエンコードされます。

    新規タブで開く

    新規タブで開く を有効にすると、URL が新しいブラウザーウィンドウまたはタブで開きます。

保存済み検索

インタラクションイベントをクイック検索を開くように設定すると、トリガーされたときにターゲットのクイック検索ページにリダイレクトされます。

  • 前提条件

    ターゲットのクイック検索が存在する必要があります。詳細については、「クイック検索」をご参照ください。

    変数を使用するには、まずターゲットのクイック検索のクエリ文で変数を定義する必要があります。詳細については、「変数を使用してクエリ文のパラメーターを動的に変更する」をご参照ください。

  • パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントの名前を指定します。

    Project を選択

    ターゲットのクイック検索を含むプロジェクトを選択します。

    クイック検索の選択

    イベントがトリガーされたときに開くクイック検索を選択します。

    新規タブで開く

    新規タブで開く を有効にすると、ターゲットのクイック検索が新しいブラウザータブで開きます。

    時間範囲

    ターゲットのクイック検索の時間範囲を設定します。

    フィルタリング条件の継承

    フィルタリング条件の継承 を有効にすると、現在のダッシュボード上の既存のフィルター条件がターゲットのクイック検索に渡され、AND 演算子でクエリ文の先頭に追加されます。

    フィルタ文

    ターゲットのクイック検索に渡すフィルターステートメントを入力します。システムはこのステートメントを AND 演算子でクエリ文の先頭に追加します。

    フィルターステートメントに変数を挿入できます。変数が挿入されると、その値がフィルター条件として使用されます。

    動的変数

    変数を使用して、ターゲットのクイック検索のクエリ文を動的に変更できます。ここで追加された変数がターゲットのクエリ文の変数と同じ名前を持つ場合、イベントをトリガーしたフィールドの値がターゲットクエリの変数を置き換えます。

    • Dynamic Variable Name:動的変数の名前を指定します。

    • Column for Dynamic Variable Value:動的変数の値を提供する列を選択します。

    説明

    最大 5 つの動的変数を追加できます。

    静的変数

    変数を使用して、ターゲットのクイック検索のクエリ文を動的に変更できます。ここで追加された変数がターゲットのクエリ文の変数と同じ名前を持つ場合、指定した静的な値がターゲットクエリの変数を置き換えます。

    • Static Variable Name:静的変数の名前を指定します。

    • Static Value:静的変数に割り当てる値を指定します。

    説明

    最大 5 つの静的変数を追加できます。

トレース分析

インタラクションイベントを [トレース分析を開く] に設定すると、イベントをトリガーするとトレース分析ページにリダイレクトされます。

  • 前提条件

    トレースが取り込まれたトレースインスタンスが存在する必要があります。詳細については、「トレースの取り込みの概要」をご参照ください。

  • パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントの名前です。

    新規タブで開く

    新規タブで開く スイッチをオンにすると、関連するトレース分析ページが新しいタブで開きます。

    時間範囲

    トレース分析の時間範囲です。

    トレースインスタンス

    ターゲットのトレースインスタンスを選択します。トリガーされると、そのトレース分析ページが開きます。

    フィルタ文

    ターゲットのトレース分析ページに渡すフィルターステートメントです。

    フィルターステートメントに変数を挿入できます。変数が挿入されると、その値がフィルター条件として機能します。

トレース詳細

インタラクションイベントをトレース詳細を開くように設定すると、トリガーされたときにトレース詳細ページにリダイレクトされます。

  • 前提条件

    トレースインスタンスを作成し、トレースデータを収集する必要があります。詳細については、「トレースデータの取り込みの概要」をご参照ください。

  • パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントのカスタム名です。

    新規タブで開く

    新規タブで開く スイッチを有効にすると、インタラクションがトリガーされたときにトレース詳細ページが新しいウィンドウで開きます。

    時間範囲

    トレース詳細ページでクエリするデータの時間範囲です。

    トレースインスタンス

    インタラクションがトリガーされたときに詳細が開かれるターゲットのトレースインスタンスです。

    トレース ID

    ターゲットのトレース ID です。

    スパン ID

    ターゲットのスパン ID です。

フルスタック可観測性トレース分析

インタラクションイベントをフルスタック可観測性トレース分析ページを開くように設定します。このイベントをトリガーすると、そのページにリダイレクトされます。

  • 前提条件

    フルスタック可観測性インスタンスが必要です。詳細については、「フルスタック可観測性インスタンスの作成」をご参照ください。

  • パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントの名前です。

    新規タブで開く

    新規タブで開く スイッチを有効にすると、関連するフルスタック可観測性インスタンスをクリックすると新しいページが開きます。

    時間範囲

    フルスタック可観測性インスタンスの時間範囲です。

    フルスタック監視可能インスタンス

    ターゲットのフルスタック可観測性インスタンスを選択します。トリガーされると、イベントは選択されたインスタンスのトレース分析ページを開きます。

    フィルタ文

    トレース分析ページに渡すフィルターステートメントを入力します。

    フィルターステートメントに変数を挿入できます。変数が挿入されると、その値がフィルター条件として使用されます。

    変数の追加 をクリックして、フィルターステートメントに変数を挿入できます。主要なシステム変数は次のように説明されています:

    • ${{__start_time__}}:クエリの開始時刻。

    • ${{__end_time__}}:クエリの終了時刻。

    • ${{__interval__}}:クエリの時間間隔 (秒単位)。

    • ${{__project__}}:クエリ対象のプロジェクトの名前。

フルスタック可観測性トレース

インタラクションイベントをフルスタック可観測性トレース詳細を開くように設定すると、イベントをトリガーするとトレース詳細ページにリダイレクトされます。

  • 前提条件

    まず、フルスタック可観測性インスタンスとトレースインスタンスを作成し、次にトレースデータを取り込む必要があります。詳細については、「フルスタック可観測性インスタンスの作成」および「トレースデータの取り込み」をご参照ください。

  • パラメーター

    パラメーター

    説明

    カスタム名

    インタラクションイベントの名前です。

    新規タブで開く

    新規タブで開く スイッチをオンにすると、関連するフルスタック可観測性インスタンスをクリックすると新しいページが開きます。

    時間範囲

    トレースデータクエリの時間範囲です。

    フルスタック監視可能インスタンス

    ターゲットのフルスタック可観測性インスタンスを選択します。このイベントをトリガーすると、選択したインスタンスのトレース詳細ページが開きます。

    トレース ID

    表示するトレースのトレース ID を指定します。

    スパン ID

    トレース内でフォーカスするスパンのスパン ID を指定します。

操作手順

例 1:Logstore を開くイベント

1. リクエストステータス分布チャートの追加

1.1 ダッシュボードの追加

  1. Simple Log Service コンソールにログインし、ターゲットプロジェクトを選択し、ダッシュボード > ダッシュボード ページで、リクエストステータス分布チャートという名前のダッシュボードを作成します。

    右上隅の + アイコンをクリックし、ドロップダウンメニューから [ダッシュボードを追加] を選択します。

1.2 チャートの追加

  1. チャートを追加するには、新しいチャートを追加する をクリックします。

  2. チャートを設定して保存します:

    1. 左側のペインで、クエリの時間範囲、Logstore、およびクエリ文を設定します。

    2. 右側のペインで、チャートの種類、カテゴリ、および値の列を設定します。ページ上部の 適用 をクリックしてチャートをプレビューし、次に OK をクリックして保存します。

      * | 
      select 
        count(1) as pv ,status 
      group by 
        status

2. インタラクションイベントの追加

設定後、ダッシュボードで 200 などのステータスコードをクリックすると、Logstore にリダイレクトされ、status が 200 のログをクエリします。Logstore のクエリ時間範囲は、ダッシュボードの時間範囲と一致します。

2.1 フィールドへのインタラクションイベントの追加

  1. 右側のペインの インタラクションの発生 タブで、フィールドの追加 をクリックし、ドロップダウンリストからフィールドを選択します。

    たとえば、A > pv を選択します。

  2. イベントの追加 をクリックし、ドロップダウンリストから Logstore を開く を選択し、ダイアログボックスで Logstore と動的変数を設定します。

    Logstore はクエリの宛先として機能します。時間範囲はクエリ期間を定義し、フィルターステートメントは実行されるクエリです。

    ダイアログボックスでは、カスタム名を指定し、nginx-dashboard などのプロジェクトを選択し、オプションで [新しいウィンドウで開く] スイッチを切り替える必要もあります。

2.2 チャートとダッシュボードの保存

  1. チャート編集ページの右上隅で、OK をクリックします。

  2. ダッシュボード編集ページの右上隅で、保存 をクリックします。

2.3 インタラクションイベントの検証

チャートで、200 ステータスのデータポイントをクリックし、次に Logstore を開く をクリックします。クエリ文が status: 200 で、クエリ時間がダッシュボードで選択された時間範囲と一致する 一昨日 である Logstore にリダイレクトされます。

例 2:ダッシュボードを開くイベント

この例では、website_log という名前の Logstore に収集された NGINX アクセスログを使用します。RequestMethod と destination_drilldown の 2 つのダッシュボードを作成し、それらの間にインタラクションを設定します。

  • RequestMethod ダッシュボードで、リクエストメソッドを分類するテーブルを追加し、destination_drilldown ダッシュボードを開くためのインタラクションイベントを設定します。

  • destination_drilldown ダッシュボードで、時間経過に伴う PV トレンドを示す折れ線グラフを追加します。

設定が完了すると、RequestMethod ダッシュボードでリクエストメソッドをクリックして destination_drilldown ダッシュボードに移動し、対応する PV トレンドを表示できます。

  1. destination_drilldown ダッシュボードで、時間経過に伴う PV トレンドを示す折れ線グラフを追加します。

    クエリ文は次のとおりです。ここで、${{method|PUT}} は変数です。詳細については、「ダッシュボードにチャートを追加する」をご参照ください。

    request_method: ${{method|PUT}} | SELECT __time__ - __time__ %60 AS time, COUNT(1) AS PV GROUP BY time ORDER BY time
  2. RequestMethod ダッシュボードで、リクエストメソッドを分類するテーブルを追加し、インタラクションイベントを設定します。

    クエリ文は次のとおりです。詳細については、「ダッシュボードにチャートを追加する」をご参照ください。

    データソースとして website_log を選択し、クエリ文 *|SELECT request_method, COUNT(1) AS count GROUP BY request_method ORDER BY count DESC LIMIT 10 を入力し、次に [インタラクションイベント] タブで、request_method フィールドの [ダッシュボードを開く] アクションを追加します。

    設定例:

    • ダッシュボードの選択destination_drilldown に設定します。

    • Dynamic Variable Namemethod に設定し、request_method 列を選択します。

    インタラクションイベントの種類として [ダッシュボードを開く] を選択し、[変数を継承] スイッチを有効にします。

  3. 結果を検証します。

    RequestMethod ダッシュボードのテーブルで GET をクリックし、次に ダッシュボードを開く をクリックします。このアクションにより、destination_drilldown ダッシュボードにリダイレクトされます。

    destination_drilldown ダッシュボードには、GET リクエストの時間経過に伴う PV トレンドが表示されます。

    跳转后仪表盘