組織ツリーマップ拡張機能

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

はじめに

トレマップ拡張機能は、階層的なデータを木構造のように表現し、さまざまなカテゴリーとサブカテゴリーをネストした長方形を用いて表現する強力なビジュアライゼーションツールです。この革新的なツールを使えば、ユーザーは複雑なデータセットを迅速かつ直感的に視覚化して理解することができます。

主な特長

多レベルのデータ集約に対応し、大規模なデータセットの比較と分析を容易にします。
階層的なデータを視覚的に魅力的な形式で提示します。
組織階層の異なるレベルを容易にナビゲート可能です。
ノードの展開や折りたたみを設計し、サブカテゴリーを表示または隠すことができます。

拡張機能のインストール

Zoho マーケットプレイスから拡張機能をインストールすることは簡単で、インストール後すぐに使用開始することが可能です。こちらのステップにて、拡張機能のインストールについての詳細をご覧ください。

Zoho マーケットプレイスにアクセスします。
拡張機能を選択し、Zoho Creatorを選択します。
'Organizational Tree Map' 拡張機能を検索し、Installを選択します。

拡張機能がCreatorアカウントにインストールされ、ご利用いただけるようになります。

拡張機能のセットアップ

必要条件

次の項目は、アプリケーションのフォームに必ず含まれるべきです。データを記録するためには、これらが不可欠です。

項目種類	説明
名前/ Single 折れ線グラフ	従業員の名前のデータを取得するため。
画像 (Optional)	ツリーマップ上で表示する従業員の写真を取得するため。
Single 折れ線グラフ(Optional)	各従業員カードの下に表示されるサブテキストを取得するため。
Lookup	従業員がレポートを提出する相手の名前を取得するため。

新規ページを作成し、エクステンションを組み込むか、このステップに従って既存ページでエクステンションを使用します。

ページパラメーター

この拡張機能を取得するには、ページパラメーターに動的な値を提供する必要があります。この拡張機能の期待される機能を実現するために必要なパラメーターのリストは以下の通りです。

パラメータ	説明
appname	アプリケーションのリンク名です。
reportname	レポートのリンク名で、階層データを視覚化するために作成されたフォームに関連付けられています。
従業員	従業員名が含まれている項目のリンク名です。
photo (オプション)	従業員の写真が含まれているフォーム内の画像項目のリンク名です。
employeesubtext (オプション)	従業員の副テキスト（たとえば、職位など）が含まれている項目のリンク名です。
報告先	指定された従業員の上司の名前を持つ項目のリンク名前です。

制約事項

従業員画像は、本番環境でのみロードされます。

例

組織内で従業員管理アプリケーションを使用してすべての従業員に関する情報を保存していると仮定します。階層データを視覚的に魅力的な方法で表示するために、この拡張機能をアプリケーションの任意のページに埋め込むことができます。

この拡張機能の設定方法は以下の通りです：

従業員詳細（リンク名前 employee_details）というフォームを作成し、リンク名前が employee_details_report であるレポートにデータを保存するための以下の詳細を記録します。

項目種類	項目名称	項目リンク名称
名前	従業員の名前	employee_name
画像	従業員の画像	employee_image
一行テキスト	従業員の役職	employee_designation
ルックアップ	報告先	reporting_to

メモ: ルックアップ項目「報告先」は、同じフォーム内の「名前」項目にリンクされるべきです。

埋め込むこの拡張機能をアプリケーションの任意のページに追加し、言及されたpage パラメーターをページに追加してください。ここでは、従業員 Tree Map（リンク名 employee_tree_map）という名前のページに拡張機能を埋め込みました。

さまざまな方法でこのページにアクセスできます。例えば、ワークフロー、functions、レポート内のカスタム処理、ページ内のpanel 処理などです。ここでは、下記のように特定のpage パラメーターの値を供給するために、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');

ダッシュボードからこのボタンをクリックした従業員は、組織の階層的なツリーマップ構造を表示する従業員 Tree Mapページがロードされます。