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

The Power BI DataViz World Championships are on! With four chances to enter, you could win a spot in the LIVE Grand Finale in Las Vegas. Show off your skills.

Reply
cogsie
Helper I
Helper I

Change Callout Font in Gauge Visual with JSON Custom Theme

I am using a gauge visual in my report and would like to change the font family of the call out value in the middle.  I couldn't find where to do this in the formatting pain so I thought I would create a JSON custom theme and upload it.  Using a custom theme I have been able to change the font color and lable precision, but I have not been able to change the font family.  I have tried using different types of font (e.g. Arial, Courier New, etc.) and tried calling it different things within the JSON file (i.e. fontFamily, fontFace), but nothing is working.  Does anyone know how to change the font?

 

This is the font I am trying to change

 

Annotation 2020-03-24 113616.png

 

This is snippets from my JSON file:

 

"visualStyles": {
        "gauge": {
            "*": {
                "calloutValue": [
                    {
                        "show": true,
                        "color": {
                            "solid": {
                                "color": "#4472C4"
                            }
                        },
                        "labelPrecision": 1,
                        "fontFamily": "'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"
                    }
                ]
            }
        }
}

 

 

 

3 REPLIES 3
v-juanli-msft
Community Support
Community Support

Hi @cogsie 

How does the following work on your side?

"visualStyles": {
	"gauge": {
		"*": {
                "background": [{
		    "show": {
                        "expr": {
                            "Literal": {
                                "Value": "true"
                            }
                        }
                    },
                "color": { "solid": { "color": "#FF0000" } },
                "transparency": 25
               }]},
                "textClasses": {
                "callout": {
                          "fontSize": 45,
                          "fontFace": "DIN",
                          "color": "#252426",
                          "fontFamily": "Segoe UI Bold"
                           }
                    }
	},

This is a part of the whole json file, please refer to this to make a complete file.

 

Best Regards
Maggie
Community Support Team _ Maggie Li
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Anonymous
Not applicable

Hi, I'm having the same issue. The callout text colour and show/hide and precision will respond to the json file, but not the font. I also added in the call-out section to the text classes and it didn't have an effect. 

 

 

Hi @v-juanli-msft ,

Thanks for the response.  I tried entering the code you provided and unfortunately it did not work.  It changed the background but didn't affect the actual callout (see below).  I tried changing the text class callout before and it looks like it only affects Card Data Labels on my report.  Let me know if you have any other ideas.  Thanks.

 

Annotation 2020-03-25 153945.png

 

Helpful resources

Announcements
Las Vegas 2025

Join us at the Microsoft Fabric Community Conference

March 31 - April 2, 2025, in Las Vegas, Nevada. Use code MSCUST for a $150 discount!

FebPBI_Carousel

Power BI Monthly Update - February 2025

Check out the February 2025 Power BI update to learn about new features.

Feb2025 NL Carousel

Fabric Community Update - February 2025

Find out what's new and trending in the Fabric community.

Top Kudoed Authors