---
sourceDocument: Xanadu プラットフォームアナリティクス
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/now-intelligence

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu プラットフォームアナリティクス

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

# データの可視化へのドリルダウンイベントの追加

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

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：5分

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

## 始める前に

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

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

## 手順

1. 移動先 すべてプラットフォームアナリティクスLibrary (ライブラリ)ダッシュボード.
2. 目的のテクニカルダッシュボードを見つけて開きます。
3. UI ビルダーで \[Edit (編集)\] を選択します。
4. UI ビルダーダッシュボードで、目的のデータの可視化を選択します。
5. データ可視化の構成パネルで、\[ Events (イベント )\] タブを開きます。
6. \[+ イベントマッピングを追加\] を選択します。  
   \[イベントを選択\] ダイアログが開きます。  

7. \[Visualization Clicked (可視化がクリックされました)\] イベントを選択します。  
   ダイアログが開き、利用可能なイベントハンドラーのリストが表示されます。
8. \[詳細ダッシュボード - リダイレクト\] イベントハンドラーを選択します。  
   このイベントハンドラーの構成フィールドが表示されます。  

9. イベントハンドラーを次のように構成します。  
   {#add-custom-drilldown-event__table_zsb_4ht_31c__entry__2}

   | フィールド | Description (説明) |
   |-|-|
   | コンテキスト | 宛先ページが存在するエクスペリエンスのパス。 |
   | ルーティング | 宛先ページのルート名。 |
   | ルーティングフィールド | 宛先ページの必須パラメーター。 |
   | オプションのパラメーター | 宛先ページのオプションのパラメーター。 |
   [ ]

   {#add-custom-drilldown-event__table_zsb_4ht_31c}
10. \[Add (追加)\] を選択します。

## テーブルデータソースのドリルダウン {#add-custom-drilldown-event__example_enc_xht_31c}

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

1. 一般的な手順のステップ 1 から 8 に従うと、単一スコアの可視化の \[詳細ダッシュボード - リダイレクト\] イベントハンドラーの構成が開かれるようになりました。
2. \[コンテキスト\] フィールドで、\[ 編集\] を選択します。  
   ![\[コンテキスト\] フィールドの編集コントロール。]()  
3. 編集ダイアログで、オブジェクトの JSON タイプを選択します。  

4. \[ プロパティを追加 \] を選択し、プロパティ名として <kbd class="ph userinput">「パス</kbd> 」を、プロパティ値として <kbd class="ph userinput">「now/platform-analytics-workspace</kbd> 」を入力します。これらの値は、ビューアーが プラットフォームアナリティクス エクスペリエンスにドリルダウンすることを指定します。  

5. \[ 適用 \] を選択し、次のフィールドに進みます。
6. \[ルート\] フィールドに「 <kbd class="ph userinput">simplelist</kbd>」と入力します。このルートは、プラットフォームアナリティクスエクスペリエンスのシンプルリストページにつながります。
7. \[ルート\] フィールドでは、最初にデータをバインドすることを選択します。![データのバインドを選択します。]()次に、プロパティ <kbd class="ph userinput">{table: @payload.params.table}</kbd> をフィールドに追加します。このプロパティは、可視化内のテーブルの名前を プラットフォームアナリティクス エクスペリエンスのシンプルリストページに渡します。  
   ヒント:  
   まず、オートコンプリートを使用してデータ パラメーター <kbd class="ph userinput">@payload.params.table</kbd> を追加し、次にそのパラメーターを中かっこで囲んで <kbd class="ph userinput">table:</kbd> を追加します。
8. 同様に、\[オプションのパラメーター\] フィールドのデータをバインドし、値 <kbd class="ph userinput">{query: @payload.params.query, listTitle: @payload.title}</kbd> を設定します。

{#add-custom-drilldown-event__ol_s1z_l3t_31c}  
\[詳細ダッシュボード - リダイレクト\] イベントハンドラーのプロパティが次のように表示されます。 {#add-custom-drilldown-event__table_k45_j4t_31c__entry__2}

| フィールド | 値 |
|-|-|
| コンテキスト | {"path":"now/platform-analytics-workspace"} |
| ルーティング | 簡易リスト |
| ルーティングフィールド | {table:@payload.params.table} |
| オプションのパラメーター | {query:@payload.params.query, listTitle:@payload.title} |
[ ]

{#add-custom-drilldown-event__table_k45_j4t_31c}  
\[追加\] を選択してハンドラーをイベントマッピングに追加し、最後に \[UI ビルダー\] ページを保存します。  

実行時に、ユーザーは可視化を操作してインシデントレコードのリストを開くことができます。  

## インジケーターデータソースのドリルダウン {#add-custom-drilldown-event__example_qk4_xht_31c}

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

1. この場合も プラットフォームアナリティクス エクスペリエンスのページにドリルダウンするため、テーブルデータソースの例の手順 1 〜 5 を繰り返します。
2. \[ルート\] に <kbd class="ph userinput">「ac_kpi_details</kbd>」と入力します。
3. \[ルート\] フィールドでは、最初にデータをバインドすることを選択します![。]()次に、「 <kbd class="ph userinput">{uuid: @payload.params.indicatorSysid}」</kbd>と入力します。このパラメーターは、インジケーターの ID (この場合はオープンインシデントの数) を プラットフォームアナリティクス エクスペリエンス KPI 詳細 ページに渡します。  
   ヒント:  
   最初にオートコンプリートを使用してデータパラメータ <kbd class="ph userinput">@payload.params.indicatorSysid</kbd>を追加し、次にそのパラメータを中括弧で囲んで <kbd class="ph userinput">uuid:</kbd>を追加します。  
   \[詳細ダッシュボード - リダイレクト\] イベントハンドラーのプロパティが次のように表示されます。 {#add-custom-drilldown-event__table_ncw_fzx_31c__entry__2}

   | フィールド | 値 |
   |-|-|
   | コンテキスト | {"path":"now/platform-analytics-workspace"} |
   | ルーティング | ac_kpi_details |
   | ルーティングフィールド | {uuid:@payload.params.indicatorSysid} |
   [ ]

   {#add-custom-drilldown-event__table_ncw_fzx_31c}
4. 他のパラメーターは必要ないため、 \[追加\] を選択し、UI ビルダー ページを保存します。

{#add-custom-drilldown-event__ol_ztr_1wx_31c}  
実行時に、ビューアーは可視化を操作して、\[オープンインシデントの数\] インジケーターの KPI 詳細を開くことができます。