メイン コンテンツをスキップする 補完的コンテンツへスキップ

組織図

組織図 (組織図) を使用して、ツリー構造のデータから組織を作成できます。ツリーを展開したり折りたたんだりして、階層内を移動できます。組織図は Visualization bundle に含まれています。

ツリー構造を定義する 2 つのを持つデータ セットを使用する必要があります。

  • 最初の軸はノードの ID である必要があります。これは通常、従来の組織図の従業員 ID です。
  • 2 番目の軸は親ノードの ID である必要があります。これは通常、マネージャーの従業員 ID です。

    これは、最初の軸に接続してツリー構造を作成します。

    この値が空であるか、存在しないノードを指している場合、ノードはツリーの最上部のルート ノードになります。

組織図のデータ セットの例
従業員 ID マネージャー ID 名前 役職
A101   Mary Bell CEO
A102 A101 John Bialik 重役秘書
O101 A101 Lee Mayer COO
I101 A101 Wendy Sanderson CIO
T101 A101 Asim Nawrat CTO
T102 T101 Emily Diaz VP 製品
T103 T101 Christine Nemic VP R & D

カードの説明として使用されるメジャーを追加することもできます。

video thumbnail

データセットの準備

組織図のデータセットを準備する際に考慮すべき点がいくつかあります。

  • 33000 行未満のデータセットを使用する必要があります。

    より大きなデータセットを使用する場合、余分な行は無視されます。これにより、ツリーの構造が正しくなくなる可能性があります。メッセージが表示されます: 最大データ制限に達しました。ツリーが正しく表示されない場合があります。

  • データに循環参照が含まれていないことを確認してください。

    循環参照により、ノードが省略されたり、複数のルート ノードが作成されたりする可能性があります。次のメッセージのいずれかが表示されます。

    データに循環参照が含まれています。ノードは省略されます。

    ルート ノードがありません。循環参照のデータを確認してください。

  • ノードに 99 を超える子がある場合、余分な子ノードはレンダリングされません。

    メッセージが表示されます: 子ノードの最大数に達しました。ノードは省略されます。

  • 親ノードを持たない行を多数持つことは避けてください。これらはルート ノードとして表示されます。ルート ノードの最大数は 99 です。

組織図の作成

組織図を使用して、サンプル データ セットを視覚化できます。すべての従業員は、ツリー構造のカードとして表示され、展開および折りたたむことができます。

  1. 組織図をシートに追加します。
  2. 最初の軸を EmployeeID に設定します。
  3. 2 番目の軸を ManagerID に設定します。
  4. カードにラベルを追加します。EmployeeID 軸を展開して、ラベルのプロパティを表示します。

    1. カード タイトルName に設定します。
    2. カード サブタイトルTitle に設定します。

カードと肩書き付きの組織図。

チャートのスタイルの変更

組織図のスタイルはカスタマイズできます。

説明を設定するメジャーの追加

メジャーを追加して説明を表示できます。これにより、プロパティカードの説明に設定されている値が置き換えられます。

プレゼンテーション モードの変更

スタイルプレゼンテーションプレゼンテーション モードで組織図の表示方法を設定できます。組織図はツリー全体を表示することも、折りたたんで展開することもできます。組織図が [展開/折りたたむ] に設定されている場合、展開または折りたたむたびに、それに合わせて自動的にサイズ変更するように組織図を設定することもできます。

スタイル パネルを使用してスタイルをさらにカスタマイズする

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [パレットスタイル指定] をクリックします。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。

各セクションの横にある リセット をクリックすると、スタイルをリセットできます。リセット [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。

テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

  1. プロパティ パネルで、 [スタイル] セクションを展開します。

  2. [スタイル] > [プレゼンテーション] で、パレット [スタイル指定] をクリックします。

  3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

    • タイトル

    • サブタイトル

    • 脚注

  4. [チャート] タブに切り替えます。既定では、 [テキストの色] の [自動コントラスト] がオンになっています。この設定により、カード要素のテキストの色が自動的に調整され、コントラストが最適になります。設定をオフにすると、各要素のテキストの色を自分で調整できます。

    次のテキスト要素のフォント、フォント サイズ、色を設定します。

    • タイトル: カードのタイトルのテキストにスタイルを設定します。

    • サブタイトル: カードのサブタイトルのテキストのスタイルを設定します。

    • 説明: カードの説明のテキストにスタイルを設定します。

    • メジャー ラベル: メジャー ラベルのテキストのスタイルを設定します。

    • メジャー値: メジャー値のテキストのスタイルを設定します。

背景のカスタマイズ

背景のスタイル設定オプションは、一般レベルとカード レベルの両方で使用できます。

一般的な背景の設定

一般的な背景には、タイトル エリアの他に、カードによって一部覆われているチャート自体が含まれます。

  1. プロパティ パネルで、 [スタイル] セクションを展開します。

  2. [スタイル] > [プレゼンテーション] で、パレット [スタイル指定] をクリックします。

  3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

    情報メモ

    URL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。

    詳細については、「CSP エントリの作成」を参照してください。

    背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

    背景画像を使用する際、画像のサイズや位置を調整できます。

カードの背景の設定

チャートに表示されるカードの背景色を定義できます。

  1. プロパティ パネルで、 [スタイル] セクションを展開します。

  2. [スタイル] > [プレゼンテーション] で、パレット [スタイル指定] をクリックします。

  3. スタイル パネルの [チャート] タブの [カードの背景色] で、カードの背景に使用する色を選択します。色を単色または数式に設定できます。

数式を使用すると、個々のカードを他のカードとは異なるスタイルに設定することもできます。実行するには、プロパティ パネルの [データ] を展開し、最初の軸を展開します。[カードの背景色] の数式を入力します。たとえば、「=if(EmployeeID='A101', 'pink')」のような条件式を使用できます。

カードの外観をカスタマイズする

カードの背景色を変更できます (カードの背景の設定 を参照)。カードに上部のバーや境界線を表示するかどうか、またそれらに使用する色も設定できます。

  1. プロパティ パネルで、 [スタイル] セクションを展開します。

  2. [スタイル] > [プレゼンテーション] で、パレット [スタイル指定] をクリックします。

  3. スタイル パネルの [チャート] タブで、 [カード スタイル] に進みます。既定では、 [自動コントラスト] がオンになっています。この設定により、上部のバーと境界線の色が自動的に調整されます。設定をオフにすると、色を自分で調整できます。

    次の設定を調整します。

    • 上部のバー: 視覚的にアピールするために、各カードの上部にバーを追加するかどうかを選択します。

    • 境界線: 各カードを境界線で囲むかどうかを選択します。

    • 境界線の色: この設定は、 [自動コントラスト] がオフになっている場合に使用できるようになります。カードの境界線の色を単色に設定したり、数式によって色分けしたりすることができます。

カードの画像のカスタマイズ

組織チャートのカードに画像を追加できます (組織図に画像を追加する を参照)。画像を追加したら、スタイル パネルを使用して画像の表示方法を変更します。

  1. プロパティ パネルで、 [スタイル] セクションを展開します。

  2. [スタイル] > [プレゼンテーション] で、パレット [スタイル指定] をクリックします。

  3. スタイル パネルの [チャート] タブの [画像オプション] で、次の設定を調整します。

    • 場所: ユーザーに画像がどのように表示されるかを調整します。カード内にのみ画像を表示するか、ユーザーがカード上にカーソルを置いたときにツール ヒントに表示するか、またはその両方を選択できます。

    • 配置: カード内で画像を表示する場所を選択します。

    • 形状: 画像の形状は長方形または円形から選択できます。

    • 形状に合わせる: この設定は、 [形状] 設定が [長方形] に設定されている場合に使用できます。この設定をオンにすると、各画像は表示されるコンテンツ ボックスに合わせてサイズが変更されます。その後、画像が切り取られます。

境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

  1. プロパティ パネルで、 [スタイル] セクションを展開します。

  2. [スタイル] > [プレゼンテーション] で、パレット [スタイル指定] をクリックします。

  3. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

  4. 境界線の色を選択します。

  5. [角の半径] を調整して、境界線の丸みを制御します。

  6. [一般] タブの [] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。

組織図での選択

組織図でカードを選択できます。カードを選択すると、カードの下のすべての子ノードが選択に含まれます。

組織図に画像を追加する

組織図の各カードに画像を追加できます。最初の軸を構成するときに、プロパティ パネルの [データ] セクションでカード画像を構成します。

  1. プロパティ パネルで、 [データ] を展開します。

  2. [] で、最初に追加した軸を展開します。

  3. [画像 URL] で、各画像をいつ使用するかを定義する式を入力します。たとえば、データ モデルに各カードの URL を含む「URL」という名前の項目を作成できます。

    情報メモ

    各 URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。

    詳細については、「CSP エントリの作成」を参照してください。

    画像を定義した後、スタイル パネルを使用して画像の表示方法を調整できます。「カードの画像のカスタマイズ」を参照してください。

制限事項

全般的な制限事項については、「制限事項」を参照してください。

詳細を見る

このページは役に立ちましたか?

このページまたはコンテンツにタイポ、ステップの省略、技術的エラーなどの問題が見つかった場合はお知らせください。