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

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

始める前に

この手順では、技術ダッシュボードが既に作成され、データ可視化コンポーネントが入力されていることを前提としています。

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

手順

1. 次のように移動する。 All (すべて) > Platform Analytics (プラットフォームアナリティクス) > ライブラリ > ダッシュボード.
2. 目的のテクニカルダッシュボードを見つけて開きます。
3. UI ビルダーで [編集] を選択します。
4. UI ビルダーのダッシュボードで目的のデータ可視化を選択します。
5. データ可視化の構成パネルで、[ イベント ] タブを開きます。
6. [+ イベントマッピングを追加] を選択します。
   [イベントを選択] ダイアログが開きます。
   
   
7. [視覚化がクリックされました] イベントを選択します。
   ダイアログが開き、利用可能なイベントハンドラーのリストが表示されます。
8. [詳細ダッシュボード - リダイレクト] イベントハンドラーを選択します。
   このイベントハンドラーの構成フィールドが表示されます。
   
   
9. イベントハンドラーを次のように構成します。

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

10. [Add] を選択します。

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

優先度別にグループ化されたインシデント [incident] テーブルのレコード数を示す縦長のデータの可視化ができました。ビューアーがこの可視化を操作するときに、 プラットフォームアナリティクス エクスペリエンスでインシデントレコードのリストを開くようにします。

1. 一般的な手順のステップ 1 〜 8 に従い、縦棒グラフの可視化の [詳細ダッシュボード - リダイレクト] イベントハンドラーの構成を開きました。
2. [コンテキスト] フィールドで、[ 編集] を選択します。
   
   
3. 編集ダイアログで、オブジェクトの JSON タイプを選択します。
   
   
4. 「プロパティを追加」を選択し、プロパティ名として「path」、プロパティ値として「now/platform-analytics-workspace」と入力します。これらの値は、ビューアーが プラットフォームアナリティクス エクスペリエンスにドリルダウンすることを指定します。
   
   
5. [ 適用 ] を選択し、次のフィールドに進みます。
6. [ルート] フィールドに「 シンプルリスト」と入力します。このルートは、プラットフォームアナリティクスエクスペリエンスのシンプルリストページにつながります。
7. [ルート] フィールドでは、最初にデータのバインドを選択します。
8. 次に、プロパティ {table: @payload.params.table} をフィールドに追加します。このプロパティは、ビジュアル化内のテーブルの名前を プラットフォームアナリティクス エクスペリエンスのシンプルリストページに渡します。
   1. イベントペイロードプロパティ @payload.params.table を選択します。
      
      
   2. ダブルクリック、ドラッグアンドドロップ、または矢印を選択して、エディターの上部領域にプロパティを追加します。
   3. エディターの上部にあるプロパティをダブルクリックして、編集用に開きます。
      
      
   4. @payload.params.tableプロパティを中かっこで囲み、table: プロパティを追加します。
      
      
   5. [適用] を選択します。
9. 同様に、[オプションのパラメーター] フィールドのデータをバインドし、値 {query: @payload.params.query, listTitle: @payload.title} を設定することを選択します。
   1. [オプションのパラメーター] フィールドに、{table: @payload.params.table} の場合と同様に {query: @payload.params.query} を追加しますが、[適用] は選択しないでください。
   2. [別の入力を追加] (+) ボタンを選択します。
   3. 中括弧内に listTitle: @payload.title を追加します。
      
      
   4. [適用] を選択します。

詳細ダッシュボードの [リダイレクト] イベントハンドラーのプロパティは、次のように表示されます。

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

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

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

オープンインシデントの数インジケーターの折れ線グラフデータによるチャート化があります。ビューアーがこのビジュアリゼーションを操作するときに、そのインジケーターの KPI 詳細 ページを開くようにします。

1. この場合も プラットフォームアナリティクス エクスペリエンスのページにドリルダウンするため、テーブルデータソースの例の手順 1 〜 5 を繰り返します。
2. [ルート] には、「 ac_kpi_details」と入力します。
3. [ルート] フィールドでは、最初にデータのバインドを選択します次に、「 {uuid: @payload.params.indicatorSysid}」と入力します。このパラメーターは、インジケーターの ID (この場合はオープンインシデントの数) を [ プラットフォームアナリティクス エクスペリエンス] KPI 詳細 ページに渡します。
   ヒント:

   最初にオートコンプリートを使用してデータパラメーター @payload.params.indicatorSysid を追加し、次にそのパラメーターを中括弧で囲んで uuid: を追加します。
   詳細ダッシュボードの [リダイレクト] イベントハンドラーのプロパティは、次のように表示されます。

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

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

実行時に、ビューアーは可視化を操作して、オープン インシデントの数インジケーターの KPI 詳細を開くことができます。