LegendBaseSettings<TComponent, TModel>.ColumnCount Property

Arranges legend items into columns.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(0)]
[Parameter]
public int ColumnCount { get; set; }

Property Value

Type	Default	Description
Int32	0	The number of columns.

Remarks

Use the ColumnCount property to arrange legend items into columns. The property specifies the number of columns.

Example

The following code snippet arranges items in the DxBarGauge legend into two columns:

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxBarGaugeLegendSettings Visible="true"
                              ItemCaptions="@LegendItemCaptions"
                              ColumnCount="2"/>
    @* ... *@
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
    string[] LegendItemCaptions = new string[] { "Metacritic", "Ratingraph.com", "Rotten Tomatoes", "IMDb", "TV.com" };
}