組織ツリーマップ拡張機能
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
概要
ツリーマップ拡張機能は、階層データをツリー状の構造で表示し、入れ子になった長方形でさまざまなカテゴリやサブカテゴリを表現する強力なデータ可視化ツールです。複雑なデータセットを直感的かつ迅速に可視化・理解するのに有効なツールです。
主な機能
- 複数レベルのデータ集計に対応しており、大規模なデータセットの比較・分析が容易になります。
- 階層データを、より視覚的にわかりやすい形で表示します。
- 組織階層のさまざまなレベルを簡単にナビゲートできます。
- ノードを展開・折りたたんで、サブカテゴリを表示または非表示にできるように設計されています。
拡張機能のインストール
Zoho マーケットプレイスから拡張機能をインストールするのは簡単で、インストール後すぐに利用できます。拡張機能のインストールについては、これらの手順を参照してください。
- Zoho マーケットプレイスに移動します。
- 拡張機能をクリックし、Zoho Creatorを選択します。
- 'Organizational Tree Map' 拡張機能を検索し、Install をクリックします。
拡張機能はお使いの Creator アカウントにインストールされ、すぐに利用できる状態になります。
拡張機能の設定
前提条件
-
アプリケーション内のいずれかのフォームに、以下の項目を用意しておく必要があります。これらの項目にデータを保存します。
項目タイプ
説明
名前 / シングルライン
従業員名を保存するための項目です。
画像（任意）
ツリーマップ上に表示する従業員の写真を保存するための項目です。
シングルライン（任意）
各従業員カードの下に表示するサブテキストを保存するための項目です。
ルックアップ
従業員が報告する上長の名前を保存するための項目です。
- 新規ページを作成して拡張機能を埋め込むか、既存ページでこの拡張機能を使用します。手順については、こちらの手順を参照してください。
ページパラメーター
この拡張機能を動作させるには、ページパラメーターに動的な値を渡す必要があります。この拡張機能を期待どおりに動作させるために必須となるパラメーターの一覧は以下のとおりです。
|
Parameter |
説明 |
|
appname
|
アプリケーションのリンク名。
|
|
reportname
|
階層データを可視化するために作成したフォームに関連付けられているレポートのリンク名。
|
|
従業員
|
従業員名を保持している項目のリンク名。
|
|
photo
(Optional)
|
フォーム内で従業員の画像を保持している画像項目のリンク名。
|
|
employeesubtext (Optional)
|
従業員の役職など、従業員サブテキストを保持している項目のリンク名。
|
|
reportingto
|
対象となる従業員の上長名を保持している項目のリンク名。
|
制限事項
- 従業員画像は、本番環境でのみ読み込まれます。
例
組織内のすべての従業員情報を保存するために、従業員管理アプリケーションを使用しているとします。階層データをより視覚的にわかりやすく表示するために、この拡張機能をアプリケーション内の任意のページに埋め込むことができます。
この拡張機能を設定するには:
-
「従業員詳細」（リンク名: employee_details）というフォームを作成し、以下の項目でデータを取得して、リンク名 employee_details_report のレポートに保存します。
項目種類
項目名
項目リンク名
名前
従業員名
employee_name
画像
従業員画像
employee_image
一行テキスト
従業員役職
employee_designation
ルックアップ
上長
reporting_to
- この拡張機能を埋め込んで、アプリケーション内の任意のページで使用し、指定されたページパラメーターをそのページに追加します。ここでは、「従業員ツリーマップ」（リンク名: employee_tree_map）というページに拡張機能を埋め込んでいます。
メモ:ルックアップ項目 上長は、同じフォーム内の名前項目にリンクする必要があります。
このページには、ワークフロー、関数、レポート内のカスタムアクション、ページ内のパネルアクションなど、さまざまな方法でアクセスできます。ここでは、指定されたページパラメーターに値を渡すために、openUrlタスクをカスタム関数内で使用しています（下記参照）。この関数は、アプリケーションダッシュボードからボタンを設定することで実行できます。
- openUrl('#Page:employee_tree_map?appname=従業員-management&reportname=employee_details_report&従業員=employee_name&photo=employee_image&employeesubtext=employee_designation&reportingto=reporting_to','same window');
従業員がダッシュボードからこのボタンをクリックすると、「従業員ツリーマップ」ページが読み込まれ、組織の階層ツリーマップ構造が表示されます。