Cannot achieve Donut Chart with fixed Card inside the donut

[iknownth]

Hello everyone,

I have created a donut chart to show different portions of my data. Then I inserted a Card inside the donut to show the total value. However, when I navigate to the year 2022 with only 1 portion of data, the donut chart is automatically moved while the Card stays intact. This makes my chart look messy. Is there any way that I can fix the positions of both the Donut Chart and Card?

[rile14]

Probably the easiest workaround here is to put the legend at the top, or at the bottom. That way a chart will always remain in the same place because it won't be dependent on the legend value length, which is the case when you put the legend to the right-hand side of the visual.

[yew]

Hi, I found a trick to do this.
First, copy&paste the donut chart in the same page (we'll call it Dchart_1 and Dchart_2)
For Dchart_1, turn off the legend, and bring it to the front.
For Dchart_2, all you need to do is hide behind Dchart_1, and show the legend on the right side.
Group both charts and you can now see the donut chart from Dchart_1 and legend from Dchart_2, length of legend will only affect Dchart_2 position but Dchart_1 will stay still.
Hope this solved your question.

[thaisrnd]

This was an excellent idea. It worked for me. Thank you!

[v-cazheng-msft · Accepted solution]

Hi @iknownth 

You can try to Group your Card visual and the Donut Chart, then the group will be treated as a single object.

Best Regards

Caiyun Zheng

Is that the answer you're looking for? If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[dhaack]

To maintain the positioning of a fixed card inside a doughnut chart, try the following:

1. Select the doughnut chart and navigate to Format > Legend > Title.

2. Toggle the Title to “On”.

3. Enter a title, then add enough blank spaces after it so that the total length is at least one character longer than your longest legend item.

This ensures the legend title remains visible regardless of filter changes, preventing layout shifts. Additionally, make sure Lock aspect ratio is enabled under Size and style > Size and position. This will help keep both the doughnut chart and the fixed card aligned even as filters are applied.

[Anonymous]

Hi,

This does not seem to solve the issue as the issue stems from the change in the lenght of text for the legend entries.

Basically a longer legend entry compresses and shifts the donut chart to the left, while a shorter entry enlarges the chart and shifts to towards the centre.

[HarishKM]

@iknownth  You can do few thinks .

1) you can lock the aspect for chart and card as well .

2) for donut chart all detail give only Give value and % of total because in legend you are already telling about category. it will save some space and also reduce the size of data item of card and try shorted format of Million and Billion.
3) select the card and then format => bring to front => Bingo .

sample Ouput image .

[amitchandak]

@iknownth , I doubt that is workaround with standard visual. You can check for custom visual

https://appsource.microsoft.com/en-us/marketplace/apps?product=power-bi-visuals

Move legend to top or bottom. Reduce Increase inner radius, might help

[iknownth]

Too bad I am not allowed to use custom visuals. I have lowered the inner radius but the donut still shifts if it only has one portion of data.