# Pie chart displaying weird style bugs

**URL:** <https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621>\
**Category:** Uncategorized\
**Created:** [February 10, 2020, 4:05pm UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621 "2020-02-10T16:05:21Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![radzenuser1](https://forum.radzen.com/letter_avatar_proxy/v4/letter/r/ebca7d/32.png) [@radzenuser1](https://forum.radzen.com/u/radzenuser1)\
**Post date:** [February 10, 2020, 4:05pm UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/1 "2020-02-10T16:05:21Z")

</div>

Dear community,  
I am decorating my page with some diagrams. However I have noticed that the colored surfaces have tiny tiny gaps between them. It seems like every entity of the property specified in the data filed is evaluated and printed once creating this distortion. Another reason for my hypothesis is that when I hover along one category it shows me different value depending where the mouse pointer is.

 ![image](https://forum.radzen.com/uploads/default/original/2X/a/acedc10d593df2d6df45b190b33afeba75440cf1.png)

Is this a bug or am I midding something?  
Thank you for your amazing support!

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [February 10, 2020, 4:09pm UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/2 "2020-02-10T16:09:49Z")

</div>

Hi @radzenuser1,

Haven't seen this one. Indeed it looks as if there are too many segments in the pie. What is the data you are data-binding it to?

---

<div class="post-metadata">

**Author:** ![radzenuser1](https://forum.radzen.com/letter_avatar_proxy/v4/letter/r/ebca7d/32.png) [@radzenuser1](https://forum.radzen.com/u/radzenuser1)\
**Post date:** [February 11, 2020, 7:25am UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/3 "2020-02-11T07:25:39Z")

</div>

I am analyzing a json obtained by a custom method. It has around 1000 entries.

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [February 11, 2020, 10:27am UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/4 "2020-02-11T10:27:10Z")

</div>

I am afraid we will need more info than that. What is the shape of this JSON? How is the chart configured? If you are creating 1000 slices in the pie it will indeed look like this.

---

<div class="post-metadata">

**Author:** ![Diego\_Rod](https://forum.radzen.com/user_avatar/forum.radzen.com/diego_rod/32/2146_2.png) [@Diego\_Rod](https://forum.radzen.com/u/Diego_Rod)\
**Post date:** [May 18, 2020, 4:50pm UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/5 "2020-05-18T16:50:25Z")

</div>

Any chance we can get more color options for larger number of slices ?

 ![image](https://forum.radzen.com/uploads/default/original/2X/b/b077ebf323500d84badf5d5764b9275b2dc53516.png)

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [May 18, 2020, 4:59pm UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/6 "2020-05-18T16:59:46Z")

</div>

Hi @Diego_Rod,

You can define any number of colors via the Fills property:

```auto
<RadzenDonutSeries
Fills="@(new []{"#d47676", "#c84c9c", "red", "green", "blue"})">

```

---

<div class="post-metadata">

**Author:** ![Niyi\_Emmanuel](https://forum.radzen.com/user_avatar/forum.radzen.com/niyi_emmanuel/32/9641_2.png) [@Niyi\_Emmanuel](https://forum.radzen.com/u/Niyi_Emmanuel)\
**Post date:** [February 9, 2022, 2:12pm UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/7 "2022-02-09T14:12:47Z")

</div>

thanks this helps alot

---

<div class="post-metadata">

**Author:** ![kim](https://forum.radzen.com/user_avatar/forum.radzen.com/kim/32/9988_2.png) [@kim](https://forum.radzen.com/u/kim)\
**Post date:** [April 4, 2022, 7:42pm UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/8 "2022-04-04T19:42:50Z")

</div>

> [@korchev](#):
>
> `@(new []{"#d47676", "#c84c9c", "red", "green", "blue"})`

@korchev , I'm getting this error when hovering the donut and opening the tooltip. It's not frequent, but it requires a refresh when it happens.

 ![image](https://forum.radzen.com/uploads/default/original/2X/7/7a79a455a4ed3002c041e87ed1404d0e19624df7.png)

```auto
<RadzenChart SeriesClick=@(FilterSpecificGroup)>
    <RadzenDonutSeries CategoryProperty="Name" Data=@(GroupTotals) Fills=@(new []{"#d47676", "#c84c9c", "red", "green", "blue"}) Title=@(Text.FromTextType(TextType.Entities)) ValueProperty="Total">
        <TitleTemplate>
            <div class="align-items-center d-flex justify-content-center" style="height: 100%;">
                <h4>@($"{nameof(GroupTotal.Total)}: {Entities.Length}")</h4>
            </div>
        </TitleTemplate>
    </RadzenDonutSeries>
</RadzenChart>
```

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [April 5, 2022, 7:00am UTC](https://forum.radzen.com/t/pie-chart-displaying-weird-style-bugs/2621/9 "2022-04-05T07:00:07Z")

</div>

We will add a check for this case.