テクニカルダッシュボードのデータ可視化へのドリルダウンイベントの追加

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:5分
  • テクニカルダッシュボードは、データの可視化からドリルダウンするための事前設定された宛先をサポートしていません。ビューアーがビジュアリゼーションを操作するときに、データのより詳細なビューを開くようにするには、カスタムドリルダウンイベントを構成します。

    始める前に

    この手順は、テクニカルダッシュボードが既に作成されており、データビジュアライゼーションコンポーネントが入力されていることを前提としています。

    必要なロール:ui_builder_admin、テクニカルダッシュボードを編集する権限

    手順

    1. 移動先 すべて > プラットフォームアナリティクス > Library (ライブラリ) > ダッシュボード.
    2. 目的のテクニカルダッシュボードを見つけて開きます。
    3. UI ビルダーで [Edit (編集)] を選択します。
    4. UI ビルダーダッシュボードで、目的のデータの可視化を選択します。
    5. データ可視化の構成パネルで、[ Events (イベント )] タブを開きます。
    6. [+ イベントマッピングを追加] を選択します。
      [イベントを選択] ダイアログが開きます。
      データ可視化の [イベントを選択] ダイアログ。
    7. [Visualization Clicked (可視化がクリックされました)] イベントを選択します。
      ダイアログが開き、利用可能なイベントハンドラーのリストが表示されます。
    8. [詳細ダッシュボード - リダイレクト] イベントハンドラーを選択します。
      このイベントハンドラーの構成フィールドが表示されます。
      [詳細ダッシュボード - リダイレクト] イベントハンドラーを構成するためのダイアログ。
    9. イベントハンドラーを次のように構成します。
      フィールド Description (説明)
      コンテキスト 宛先ページが存在するエクスペリエンスのパス。
      ルーティング 宛先ページのルート名。
      ルーティングフィールド 宛先ページの必須パラメーター。
      オプションのパラメーター 宛先ページのオプションのパラメーター。
    10. [Add (追加)] を選択します。

    テーブルデータソースのドリルダウン

    インシデント [incident] テーブルのレコード数を示す単一スコアデータの可視化がある。ビューアーがこのビジュアル化を操作するときに、 プラットフォームアナリティクス エクスペリエンスでインシデントレコードのリストを開くようにする必要があります。

    1. 一般的な手順のステップ 1 から 8 に従うと、単一スコアの可視化の [詳細ダッシュボード - リダイレクト] イベントハンドラーの構成が開かれるようになりました。
    2. [コンテキスト] フィールドで、[ 編集] を選択します。
      [コンテキスト] フィールドの編集コントロール。
    3. 編集ダイアログで、オブジェクトの JSON タイプを選択します。
      コンテキストのオブジェクト JSON タイプを選択します。
    4. [ プロパティを追加 ] を選択し、プロパティ名として 「パス 」を、プロパティ値として 「now/platform-analytics-workspace 」を入力します。これらの値は、ビューアーが プラットフォームアナリティクス エクスペリエンスにドリルダウンすることを指定します。
      コンテキストの値を設定します。
    5. [ 適用 ] を選択し、次のフィールドに進みます。
    6. [ルート] フィールドに「 simplelist」と入力します。このルートは、プラットフォームアナリティクスエクスペリエンスのシンプルリストページにつながります。
    7. [ルート] フィールドでは、最初にデータをバインドすることを選択します。データのバインドを選択します。次に、プロパティ {table: @payload.params.table} をフィールドに追加します。このプロパティは、可視化内のテーブルの名前を プラットフォームアナリティクス エクスペリエンスのシンプルリストページに渡します。
      ヒント:
      まず、オートコンプリートを使用してデータ パラメーター @payload.params.table を追加し、次にそのパラメーターを中かっこで囲んで table: を追加します。
    8. 同様に、[オプションのパラメーター] フィールドのデータをバインドし、値 {query: @payload.params.query, listTitle: @payload.title} を設定します。
    [詳細ダッシュボード - リダイレクト] イベントハンドラーのプロパティが次のように表示されます。
    フィールド
    コンテキスト {"path":"now/platform-analytics-workspace"}
    ルーティング 簡易リスト
    ルーティングフィールド {table:@payload.params.table}
    オプションのパラメーター {query:@payload.params.query, listTitle:@payload.title}
    [追加] を選択してハンドラーをイベントマッピングに追加し、最後に [UI ビルダー] ページを保存します
    [詳細ダッシュボード - リダイレクト] イベントハンドラーの完成したパラメーターで、テーブルレコードのリストが開きます。
    実行時に、ユーザーは可視化を操作してインシデントレコードのリストを開くことができます。
    テクニカルダッシュボードで単一スコアの可視化をクリックしてインシデントレコードリストを開く。

    インジケーターデータソースのドリルダウン

    オープンインシデントの数インジケーターの線グラフデータの可視化があります。ビューアーがこの可視化を操作するときに、そのインジケーターの KPI 詳細 ページを開く必要があります。

    1. この場合も プラットフォームアナリティクス エクスペリエンスのページにドリルダウンするため、テーブルデータソースの例の手順 1 〜 5 を繰り返します。
    2. [ルート] に 「ac_kpi_details」と入力します。
    3. [ルート] フィールドでは、最初にデータをバインドすることを選択します。次に、「 {uuid: @payload.params.indicatorSysid}」と入力します。このパラメーターは、インジケーターの ID (この場合はオープンインシデントの数) を プラットフォームアナリティクス エクスペリエンス KPI 詳細 ページに渡します。
      ヒント:
      最初にオートコンプリートを使用してデータパラメータ @payload.params.indicatorSysidを追加し、次にそのパラメータを中括弧で囲んで uuid:を追加します。
      [詳細ダッシュボード - リダイレクト] イベントハンドラーのプロパティが次のように表示されます。
      フィールド
      コンテキスト {"path":"now/platform-analytics-workspace"}
      ルーティング ac_kpi_details
      ルーティングフィールド {uuid:@payload.params.indicatorSysid}
    4. 他のパラメーターは必要ないため、 [追加] を選択し、UI ビルダー ページを保存します
    実行時に、ビューアーは可視化を操作して、[オープンインシデントの数] インジケーターの KPI 詳細を開くことができます。
    テクニカルダッシュボードで線グラフの可視化をクリックして KPI 詳細を開く。