Radzen Pie Chart label overlab

Radzen.Blazor Components
1

When I use pie chart and I have some values are very small according to other values , I fount that the labels is overlap , how I can fix that .
Samle datasource is
DataItem revenue = new DataItem {
new DataItem
{
Quarter = "Q1",
Revenue = 30000
},
new DataItem
{
Quarter = "Q2",
Revenue = 40000
},
new DataItem
{
Quarter = "Q3",
Revenue = 50000
},
new DataItem
{
Quarter = "Q4",
Revenue = 80000
},
new DataItem
{
Quarter = "Q5",
Revenue = 5
},
new DataItem
{
Quarter = "Q6",
Revenue = 7
},
new DataItem
{
Quarter = "Q7",
Revenue = 9
}
};

2

Hi @Ramy_Ahmed,

Indeed the data labels may overlap in this cases. RadzenChart does not do any label overlapping checks. A possible workaround is to rearrange your data so the smaller items are not next to each other:

DataItem[] revenue = new DataItem[] {
    new DataItem
    {
    Quarter = "Q1",
    Revenue = 7
    },
    new DataItem
    {
    Quarter = "Q2",
    Revenue = 40000
    },
    new DataItem
    {
    Quarter = "Q3",
    Revenue = 5
    },
    new DataItem
    {
    Quarter = "Q4",
    Revenue = 80000
    },
    new DataItem
    {
    Quarter = "Q5",
    Revenue = 50000
    },
    new DataItem
    {
    Quarter = "Q6",
    Revenue = 9
    },
    new DataItem
    {
    Quarter = "Q7",
    Revenue = 80000
    }
};

image
image1222×682 30.4 KB

3

Thanks for your replay @korchev , but the workaround will not work with me because in my dataset I have only 3 large values with 37 small value

4

In that case I don't think the pie chart is the right chart type. The small values will never be a visible slice (not to mention a pie chart with 40 slices is not good from user experience point of view). You can try a different chart type or reduce the number of data items.

5

I will try to use another chart but as fix we just need to handle offset per item , so I can do equation per item to overcome that issue