DxPolarChartAxisLabel.Overlap Property

Specifies how the component resolves label overlapping.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(PolarChartLabelOverlap.Hide)]
[Parameter]
public PolarChartLabelOverlap Overlap { get; set; }

Property Value

Type	Default	Description
PolarChartLabelOverlap	Hide	An enumeration value.

Available values:

Name	Description
None	Leaves labels overlapped.
Hide	Hides overlapping labels.

Remarks

Use the Overlap property to switch between overlap resolution modes for axis labels.

The following code snippet hides overlapping axis labels:

<DxPolarChart Data="@DataSource[SelectedPeriod]">
    <DxChartLegend Position="RelativePosition.Outside"/>
    <DxPolarChartArgumentAxis DiscreteDivisionMode="ChartDiscreteAxisDivisionMode.CrossLabels" 
                              FirstPointOnStartAngle="true" />
    <DxPolarChartArgumentAxis>
        <DxPolarChartAxisLabel Overlap="PolarChartLabelOverlap.Hide" />
    </DxPolarChartArgumentAxis>
    <DxPolarChartStackedBarSeries ArgumentField="@((WindRosePoint i) => i.Arg)"
                                  ValueField="@((WindRosePoint i) => i.Val1)">
            <DxChartSeriesLegendItem Text="1.3-4 m/s" />
            <DxChartSeriesLabel FormatPattern="{value:##.#}" Visible="true" />
            <DxChartSeriesPoint Color="Color.Violet" />
    </DxPolarChartStackedBarSeries>
    <DxPolarChartStackedBarSeries ArgumentField="@((WindRosePoint i) => i.Arg)"
                                  ValueField="@((WindRosePoint i) => i.Val2)">
            <DxChartSeriesLegendItem Text="4-8 m/s" />
    </DxPolarChartStackedBarSeries>
    <DxPolarChartStackedBarSeries ArgumentField="@((WindRosePoint i) => i.Arg)"
                                  ValueField="@((WindRosePoint i) => i.Val3)">
        <DxChartSeriesLegendItem Text="8-13 m/s" />
    </DxPolarChartStackedBarSeries>
</DxPolarChart>