Skip to main content

LayoutDefinition Class

A layout element used to arrange panes.

Namespace: DevExpress.Xpf.Charts

Assembly: DevExpress.Xpf.Charts.v24.1.dll

NuGet Package: DevExpress.Wpf.Charts

Declaration

public class LayoutDefinition :
    ChartDependencyObject,
    ILinearLayoutItem

Example

This example shows how to arrange chart panes using the grid layout.

Assign the GridLayout instance to the PaneLayout property. Populate the ColumnDefinitions and RowDefinitions collections with LayoutDefinition objects.

The Size property allows you to specify the layout item’s size.

Use the Column, ColumnSpan, Row and RowSpan attached properties to define a pane position.

<dxc:XYDiagram2D.PaneLayout>
    <dxc:GridLayout>
        <dxc:GridLayout.ColumnDefinitions>
            <dxc:LayoutDefinition Size="1*"/>
            <dxc:LayoutDefinition Size="200"/>
        </dxc:GridLayout.ColumnDefinitions>
        <dxc:GridLayout.RowDefinitions>
            <dxc:LayoutDefinition/>
            <dxc:LayoutDefinition/>
        </dxc:GridLayout.RowDefinitions>
    </dxc:GridLayout>
</dxc:XYDiagram2D.PaneLayout>

<dxc:XYDiagram2D.DefaultPane>
    <dxc:Pane dxc:GridLayout.Column="0"
              dxc:GridLayout.Row="0"
              dxc:GridLayout.RowSpan="2"/>
</dxc:XYDiagram2D.DefaultPane>
<dxc:XYDiagram2D.Panes>
    <dxc:Pane dxc:GridLayout.Column="1" 
              dxc:GridLayout.Row="0" 
              x:Name="pressurePane"/>
    <dxc:Pane dxc:GridLayout.Column="1" 
              dxc:GridLayout.Row="1"/>
</dxc:XYDiagram2D.Panes>
See Also