Skip to main content

SimpleDiagram2D.LayoutDirection Property

Gets or sets a value that specifies the manner in which multiple 2D Pie charts are positioned within a chart control’s diagram.

Namespace: DevExpress.Xpf.Charts

Assembly: DevExpress.Xpf.Charts.v21.2.dll

Declaration

public LayoutDirection LayoutDirection { get; set; }

Property Value

Type Description
LayoutDirection

A LayoutDirection enumeration value.

Available values:

Name Description
Horizontal

Specifies that pie charts are positioned horizontally (by rows) within a chart control’s diagram. The number of pie charts within a single row is specified by the diagram’s SimpleDiagram2D.Dimension or SimpleDiagram3D.Dimension property.

Vertical

Specifies that pie charts are positioned vertically (by columns) within a chart control’s diagram. The number of pie charts within a single column is specified by the diagram’s SimpleDiagram2D.Dimension or SimpleDiagram3D.Dimension property.

Remarks

The LayoutDirection property can be used with the SimpleDiagram2D.Dimension property to adjust the layout of more than one pie chart within a diagram. Depending upon the LayoutDirection property’s value, pie charts are positioned in lines either horizontally (by rows) or vertically (by columns). The SimpleDiagram2D.Dimension property specifies how many pie charts can be displayed within one row or column.

The following images shows the LayoutDirection property in action:

Property Value Example
LayoutDirection = “Vertical”
(Dimension = “3”)
LayoutDirection = “Horizontal”
(Dimension = “3”)

Note that a pie chart(s) that is displayed within an incomplete row or column automatically changes its size to attempt to occupy all the available free space.

Example

This example shows how to use the SimpleDiagram2D.LayoutDirection and SimpleDiagram2D.Dimension properties to arrange multiple pies within a simple diagram.

<dxc:ChartControl AutoLayout="False">
    <dxc:SimpleDiagram2D LayoutDirection="Vertical" Dimension="3">
        <!-...-->
    </dxc:SimpleDiagram2D>
</dxc:ChartControl>
See Also