ダッシュボードコンポーネントからのカスタムリダイレクトの構成

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間：2分

    • ダッシュボードページテンプレートからワークスペースにページを作成した場合は、そのページのダッシュボードコンポーネントからのクリック時のリダイレクトをカスタマイズできます。このコンポーネントが表示するインラインダッシュボードは、カスタムリダイレクトに従います。

    始める前に

    ダッシュボードページテンプレートから生成されたページを使用して、 UI ビルダー でワークスペースを作成しました。ダッシュボードページへのダッシュボードの追加で説明されているように、ライブラリからダッシュボードを表示するように、そのページのダッシュボードコンポーネントを設定している場合もあります。

    必要なロール：ui_builder_admin

    このタスクについて

    重要:
    ここで説明する手順は、インラインエディターで作成されたダッシュボードにのみ適用されます。テクニカルダッシュボードでは、データの可視化ごとにドリルダウンイベントによるリダイレクトを構成します。詳細については、「テクニカルダッシュボードのデータ可視化へのドリルダウンイベントの追加」を参照してください。

    手順

    1. UI ビルダーでワークスペースを開きます。
    2. 関連するページを開きます。
      このページは、Dashbords ページ テンプレートを使用してビルドしました。
    3. ダッシュボードコンポーネントを選択します。
    4. 構成パネルで、[ デフォルトのリダイレクトを使用] をオフにします。

      デフォルトのリダイレクトをオフにします。
      リダイレクトをオフにしました。実行時にチャートをクリックしても、アクションはトリガーされません。
    5. イベントパネルで、「ダッシュボードウィジェットがクリックされました」イベントハンドラーがあるかどうかを確認します。
    6. 「ダッシュボードウィジェットがクリックされました」ハンドラーがない場合は、追加します。
      1. [+ イベントマッピングを追加] を選択します。
      2. 利用可能なイベントのリストから、[ダッシュボードウィジェットがクリックされました] を選択します。

        [ダッシュボード] ウィジェットを選択するとイベントがクリックされました。
    7. ページの [データとスクリプト] 領域の [クライアントスクリプト] で、[ダッシュボードウィジェットがクリックされました] を開きます。

      ダッシュボードウィジェットを開くと、エディターでスクリプトがクリックされました。
    8. [クライアントスクリプトの編集] ペインで、 api.emit('NAV_ITEM_SELECTED', payload); という行を見つけます。
    9. カスタムリダイレクトロジックに合わせてペイロードを更新します。

    タスクの結果

    そのダッシュボードのデータ可視化からのすべてのリダイレクトは、指定したターゲットを開きます。