Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Get Fabric Certified for FREE during AI Skills Fest. This week only. Secure your voucher now.

Reply
RingoMoon
Frequent Visitor

Ideas for dynamic cards

 

RingoMoon_1-1729068293772.png

The red rectangle highlights a stacked bar chart that I've compressed to resemble a card. I added custom labels to represent the data I want to display.

 

While I could have used standard cards, the challenge is that the cards need to align with the columns in the bar chart above. When slicers are applied, the x-axis of the bar chart may shift, causing the positions of the columns to change, while the cards would remain fixed in place.

 

To solve this, I used a stacked bar chart and compressed it to look like a card. I ensured that the x-axis of the stacked bar chart matches the x-axis of the bar chart above, so any changes due to slicer filters would apply to both charts, keeping everything aligned.

 

Although this approach works, it's not a perfect solution. Aligning everything in the first place was already quite challenging. When the x-axis expands, the alignment becomes noticeably off, and it’s difficult to tell which elements are aligned.

 

Is there a better way of doing this?

1 ACCEPTED SOLUTION
RingoMoon
Frequent Visitor

Found a solution on the original approach. I just had to enable the X axis labels on the stacked bar chart below and making the font color of the X axis white to make it invisible. Enabling the labels made everything 100% aligned

RingoMoon_0-1729073109953.png

 

View solution in original post

3 REPLIES 3
RingoMoon
Frequent Visitor

Found a solution on the original approach. I just had to enable the X axis labels on the stacked bar chart below and making the font color of the X axis white to make it invisible. Enabling the labels made everything 100% aligned

RingoMoon_0-1729073109953.png

 

Kedar_Pande
Super User
Super User

Recommended Approach: Use Standard Cards Aligned with the Bar Chart.

By using standard cards and aligning them with the bar chart, you can create a visually cohesive and interactive report that meets user expectations effectively. This method simplifies maintenance and improves user experience within your Power BI dashboard.

 

If this helped, a Kudos 👍 or Solution mark would be great! 🎉
Cheers,
Kedar
Connect on LinkedIn

Yes I can just use cards and align them with the bar chart. But what happens if I apply a slicer filter? The x axis of the bar chart would shift but the cards would just stay in place.

Helpful resources

Announcements
May Power BI Update Carousel

Power BI Monthly Update - May 2026

Check out the May 2026 Power BI update to learn about new features.

Fabric SQL PBI Data Days

Data Days 2026 coming soon!

Sign up to receive a private message when registration opens and key events begin.

New to Fabric survey Carousel

New to Fabric Survey

If you have recently started exploring Fabric, we'd love to hear how it's going. Your feedback can help with product improvements.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.