DxPolarChart<T>.LabelOverlap Property

Specifies how the component displays overlapping labels.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(PolarChartLabelOverlap.None)]
[Parameter]
public PolarChartLabelOverlap LabelOverlap { get; set; }

Property Value

Type	Default	Description
PolarChartLabelOverlap	None

An enumeration value.

Available values:

Name	Description
None

Leaves labels overlapped.

| | Hide |

Hides overlapping labels.

Remarks

The DxChartSeriesLabel object shows and configures labels for data points in the Polar Chart. These settings apply to all labels in a series.

Use the LabelOverlap property to specify how the Polar Chart resolves label overlap.

The following code snippet hides overlapping labels:

Razor
DiscretePoint.cs
ChartDiscreteDataProvider.cs

razor

@using System.Drawing

<DxPolarChart Data=@DataSource LabelOverlap="PolarChartLabelOverlap.Hide">
    <DxPolarChartBarSeries Name="Day" 
                           Color="Color.Sienna" 
                           ArgumentField="@((DiscretePoint i) => i.Arg)" 
                           ValueField="@((DiscretePoint i) => i.Day)">
        <DxChartSeriesLabel Visible="true" />
    </DxPolarChartBarSeries>
    <DxPolarChartBarSeries Name="Night" 
                           Color="Color.MidnightBlue" 
                           ArgumentField="@((DiscretePoint i) => i.Arg)" 
                           ValueField="@((DiscretePoint i) => i.Night)">
        <DxChartSeriesLabel Visible="true" />
    </DxPolarChartBarSeries>
</DxPolarChart>

csharp

namespace BlazorDemo.Data {
    public class DiscretePoint {
        public string Arg { get; set; }
        public int Day { get; set; }
        public int Night { get; set; }

        public DiscretePoint(string arg, int day, int night) {
            Arg = arg;
            Day = day;
            Night = night;
        }
    }
}

csharp

using System.Collections.Generic;
using BlazorDemo.Data;

// ...
    public class ChartDiscreteDataProvider : IChartDiscreteDataProvider {
        public List<DiscretePoint> GenerateData() {
            return new List<DiscretePoint>() {
                new DiscretePoint("January", 6, 2),
                new DiscretePoint("February", 7, 2),
                new DiscretePoint("March", 10, 3),
                new DiscretePoint("April", 14, 5),
                new DiscretePoint("May", 18, 8),
                new DiscretePoint("June", 21, 11),
                new DiscretePoint("July", 22, 13),
                new DiscretePoint("August", 22, 13),
                new DiscretePoint("September", 19, 11),
                new DiscretePoint("October", 15, 8),
                new DiscretePoint("November", 10, 5),
                new DiscretePoint("December", 7, 3),
            };
        }
    }