Back to Devexpress

LegendBaseSettings<TComponent, TModel>.ColumnCount Property

blazor-devexpress-dot-blazor-dot-base-dot-legendbasesettings-2-90875c41.md

latest1.7 KB
Original Source

LegendBaseSettings<TComponent, TModel>.ColumnCount Property

Arranges legend items into columns.

Namespace : DevExpress.Blazor.Base

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Int320

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:

razor
<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" };
}

See Also

LegendBaseSettings<TComponent, TModel> Class

LegendBaseSettings<TComponent, TModel> Members

DevExpress.Blazor.Base Namespace