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

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

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
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

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