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

Get Fabric certified for FREE! Don't miss your chance! Learn more

Reply
aarn
Frequent Visitor

Custom Theme PieChart Background Color not working

Hi all,

I'm trying to set the background of piecharts to a certain color for this theme, but my code is not working and I've tried many combinations.

Here is my visual styles section:

"visualStyles":{
"pieChart":{"*":{"background":[{"background":{"solid":{"color":"#404040"}}}]}},
"page":{"*":{"background":[{"color":{"solid":{"color":"#333132"}}}],
"outspace":[{"color":{"solid":{"color":"#333132"}}}]}},"*":{"*":{"outspacePane":[{"checkboxAndApplyColor":{"solid":{"color":"#FFD200"}}}]}}},
"textClasses":{"title":{"color":"#FFFFFF","fontSize":16},
"header":{"color":"#FFFFFF","fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"}}}

 

The code runs but does not affect the pie chart background, please let me know what I'm doing wrong.

 

Thanks!

1 ACCEPTED SOLUTION
aarn
Frequent Visitor

I was able to solve this for any future users, here is the solution:

"pieChart":{"*":{"background":[{"show": true, "color": {"solid":{"color":"#404040"}}, "transparency":50}]}}

View solution in original post

1 REPLY 1
aarn
Frequent Visitor

I was able to solve this for any future users, here is the solution:

"pieChart":{"*":{"background":[{"show": true, "color": {"solid":{"color":"#404040"}}, "transparency":50}]}}

Helpful resources

Announcements
Join our Fabric User Panel

Join our Fabric User Panel

Share feedback directly with Fabric product managers, participate in targeted research studies and influence the Fabric roadmap.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.

Top Solution Authors
Top Kudoed Authors