LegendBaseSettings<TComponent, TModel>.ColumnSpacing Property

Specifies the distance between legend columns.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(20)]
[Parameter]
public int ColumnSpacing { get; set; }

Property Value

Type	Default	Description
Int32	20	The distance between legend columns in pixels.

Remarks

The following code snippet removes an empty space between legend columns in the DxBarGauge component:

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxBarGaugeLegendSettings Visible="true"
                              ItemCaptions="@LegendItemCaptions"
                              HorizontalAlignment="HorizontalAlignment.Center"
                              ColumnCount="3"
                              ColumnSpacing="0"/>
    @* ... *@
</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" };
}