バージョン

ノード配置の設定

xamOrgChart コントロールにはノードの配置に影響する設定があります。作成できるセクションは以下のとおりです。

ノード配置方法

ノード配置方法は、xamOrgChart ノードが配置される方法を決定します。

  • Stagger (図 1) - ノードを最もコンパクトに配置します。大きいデータ セットに適しています。

  • Orthogonal (図 2) - きれいに配置された組織図を作ります。小さいデータ セットに適しています。

xamOrgChart Node Arrangement Settings 01.png

図 1: Stagger ノード配置方法

xamOrgChart Node Arrangement Settings 02.png

図 2: Orthogonal ノード配置方法

ノード フロー方向

ノード フロー方向は、親に相対して子ノードの配置を決定します。以下の方向に設定できます。

  • 上 (親の上の子、下から上へのフロー方向) (図 3)

  • 下 (親の下の子、上から下へのフロー方向) (図 4)

  • 左 (親の左の子、右から左へのフロー方向) (図 5)

  • 右 (親の右の子、左から右へのフロー方向) (図 6)

xamOrgChart Node Arrangement Settings 03.png

図 3: 上
xamOrgChart Node Arrangement Settings 04.png

図 4: 下
xamOrgChart Node Arrangement Settings 05.png

図 5: 左
xamOrgChart Node Arrangement Settings 06.png

図 6: 右

水平方向および 垂直方向のノード バッファ

水平および垂直のノード バッファーはノード間の最小スペースを制御します(図 7)

xamOrgChart Node Arrangement Settings 07.png

図 7: 水平および垂直のノード バッファーの概略図

Note

注:

水平および垂直のノード バッファーを OrgChartNodeLayout オブジェクトに設定することも可能です。これはグローバル ノード バッファーをオーバーライドします。

XAML の場合:

<ig:OrgChartNodeLayout
    HorizontalNodeBuffer="50"
    VerticalNodeBuffer="50">
</ig:OrgChartNodeLayout>

コード例

XAML の場合:

<ig:XamOrgChart
    NodeArrangementStrategy="Orthogonal"
    NodeFlowDirection="Above"
    HorizontalNodeBuffer="50"
    VerticalNodeBuffer="50">
</ig:XamOrgChart>

Visual Basic の場合:

Dim orgChart As  XamOrgChart = New XamOrgChart()
orgChart.NodeArrangementStrategy = NodeArrangementStrategy.Orthogonal
orgChart.NodeFlowDirection = NodeFlowDirection.Above
orgChart.HorizontalNodeBuffer = 50
orgChart.VerticalNodeBuffer = 50

C# の場合:

XamOrgChart orgChart = new XamOrgChart();
orgChart.NodeArrangementStrategy = NodeArrangementStrategy.Orthogonal;
orgChart.NodeFlowDirection = NodeFlowDirection.Above;
orgChart.HorizontalNodeBuffer = 50;
orgChart.VerticalNodeBuffer = 50;

関連トピック

xamOrgChart の使用