Skip to main content
All docs
V25.1
  • DxSankey.VerticalAlignment Property

    Specifies the vertical alignment of node columns.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [Parameter]
    public VerticalAlignment[] VerticalAlignment { get; set; }

    Property Value

    Type Description
    VerticalAlignment[]

    An array of VerticalAlignment values.

    Remarks

    The VerticalAlignment property accepts an array of VerticalAlignment values. Based on the number of assigned values, the VerticalAlignment property applies as follows:

    • One value aligns all node columns simultaneously.
    • Multiple values allow you to align each node column individually. If the array length is less than the number of node columns, the component applies the default property value (Center) to remaining node columns.

    Example

    The following code snippet changes the vertical alignment of Sankey nodes:

    DxSankey - Vertical Node Alignment

    <DxSankey Data="@Data"
              Width="100%"
              Height="440px"
              SourceFieldName="Source"
              TargetFieldName="Target"
              WeightFieldName="Weight"
              VerticalAlignment="@AlignmentOptions">
        <DxSankeyNodeSettings Width="8" Spacing="30" />
        <DxSankeyLinkSettings ColorMode="SankeyLinkColorMode.Gradient" />
        <DxTitleSettings Text="Commodity Turnover" />
    </DxSankey>
    
    @code {
        IEnumerable<SankeyDataPoint> Data = Enumerable.Empty<SankeyDataPoint>();
        protected override void OnInitialized() {
            Data = GenerateData();
        }
    
        VerticalAlignment[] AlignmentOptions = new VerticalAlignment[] {
            VerticalAlignment.Bottom,
            VerticalAlignment.Top,
            VerticalAlignment.Bottom };
    }
    
    See Also