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

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

始める前に

この手順は、テクニカルダッシュボードを既に作成し、データビジュアル化コンポーネントを設定していることを前提としています。

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

手順

1. 移動先 すべて > プラットフォームアナリティクス > ライブラリー > ダッシュボード.
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. [ルート] フィールドに「 simplelist」と入力します。このルートは、プラットフォームアナリティクスエクスペリエンスのシンプルリストページにつながります。
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. [ 適用] を選択します。

[詳細ダッシュボード - リダイレクト] イベントハンドラーのプロパティが次のように表示されるようになりました。

フィールド	値
コンテキスト	{パス: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: を追加します。
   [詳細ダッシュボード - リダイレクト] イベントハンドラーのプロパティが次のように表示されるようになりました。

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

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

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